javascript - 如何在 VueJS 中触发 Facebook Pixel

Question

使用正确的代码更新:

<script>
        export default {
            mounted() {
    //            this.comments_data = this.comments;
            },
            props: ['type'],
            data() {
                return {
    //                type: [],
                    email: '',
                    error_found: false,
                    email_error: '',
                    already_subscribed: '',
                    subscribed: false,
                }
            },
            methods: {
                subscribe(){
                    var vm = this;
                    vm.error_found = false;
                    vm.email_error = '';
                    vm.already_subscribed = '';
                    window.fbq('trackCustom', 'Custom Event Name Goes Here', {value: 1.00, currency: 'USD'});
                },
            },
        }
    </script>

当有人使用 VueJs 单击订阅按钮时，我尝试触发 FB Pixel。代码“vm.fbq.push('track', '此处为偶数名称', {value: 1.00,currency: 'USD'});”一旦有人点击订阅按钮就不会触发。我已经尝试了一切，但没有运气。有谁知道一旦有人点击按钮如何从 VueJS 触发 Facebook 像素事件？

<button @click="subscribe" class="btn btn-success btn-block">
    Submit
</button>

这是我的 VueJS 代码

<script>
    export default {
        mounted() {
//            this.comments_data = this.comments;
        },
        props: ['type'],
        data() {
            return {
//                type: [],
                email: '',
                error_found: false,
                email_error: '',
                already_subscribed: '',
                subscribed: false,
            }
        },
        methods: {
            subscribe(){
                var vm = this;
                vm.error_found = false;
                vm.email_error = '';
                vm.already_subscribed = '';
                vm.fbq.push('track', 'Even Name goes here', {value: 1.00, currency: 'USD'});
            },
        },
    }
</script>

Answer 1

假设您已在 the normal manner 中加载 FB 像素基本代码，您可能需要 window.fbq，而不是 vm.fbq。 fbq 不是您组件的一部分。