UPDATE WITH CORRECT CODE:
<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>
I'm looking to trigger a Facebook Pixel when a user clicks the subscribe button in VueJs. The code "vm.fbq.push('track', 'Even Name goes here', {value: 1.00, currency: 'USD'});" is not firing upon clicking the subscribe button. I have tried various solutions but haven't had any success. Does anyone know how to successfully trigger a Facebook pixel event from VueJS when a button is clicked?
<button @click="subscribe" class="btn btn-success btn-block">
Submit
</button>
This is my VueJS Code
<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>