फेसबुक पिक्सेल निहित पृष्ठ दृश्य

Question

मैं अपने कोणीय ऐप में फेसबुक पिक्सेल ट्रैकिंग जोड़ने का प्रयास कर रहा हूं।

पहले कदम के रूप में, मैं बस आधार फेसबुक पिक्सेल कोड मेरा आधार html फ़ाइलें में से एक में इतनी के रूप में जोड़ दिया है:

!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? 
n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; 
n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0; 
t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, 
document,'script','https://connect.facebook.net/en_US/fbevents.js'); 

मुझे लगता है कि जैसे ही मैं अपने पिक्सेल fbq('init', '1234567890'); init, एक पृष्ठ दृश्य घटना को पूरी तरह से भेजा जा रहा है।

जबकि मैं औसत मानक ऐप के लिए कुछ हद तक उपयोगी देख सकता हूं, यह कोणीय जैसे ढांचे से निपटने के दौरान एक अवांछित व्यवहार है, जिसका यूआरएल संरचना एफबीक्यू द्वारा अच्छी तरह से संभाला नहीं जाता है। उदाहरण के लिए। www.hi.com/#/hello को www.hi.com के रूप में पंजीकृत किया जा रहा है।

क्या कोई इस समस्या से आया है, या फेसबुक पिक्सेल को कोणीय के साथ एकीकृत करने का एक बेहतर तरीका मिला है? मैंने कुछ उदाहरणों को देखा है जो कुछ हद तक पुराने कोणीय प्लगइन के साथ कोणीय और एफबीक्यू का उल्लेख करते हैं। उनमें से कोई भी इसका जिक्र नहीं करता है।

angulatrics facebook pixel

पृष्ठ ट्रैकिंग स्वचालित रूप से angulatrics द्वारा किया जाता है, तो आप इसे के बारे में परवाह करने की जरूरत नहीं:

Answer 1

ऐसा लगता है कि फेसबुक पिक्सेल ब्राउज़र इतिहास API की pushState() विधि को सुनता है और पेजव्यू ईवेंट स्वचालित रूप से ट्रैक करता है।

fbq ऑब्जेक्ट में पैरामीटर true पर पैरामीटर सेट करके आप इसे अक्षम कर सकते हैं।

तो कोड इस तरह दिखेगा:

!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? 
n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; 
n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0; 
t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, 
document,'script','https://connect.facebook.net/en_US/fbevents.js'); 

fbq('init', '1234567890'); 
fbq.disablePushState = true; 

उसके बाद आप Angulartics Facebook Pixel plugin उपयोग करें या अपने कोड में मैन्युअल window.fbq('track', 'PageView'); कॉल कर सकते हैं।

कृपया ध्यान दें कि यह एक अनियंत्रित विधि है और भविष्य में काम करने की गारंटी नहीं है! उम्मीद है कि फेसबुक भविष्य में ऐसा करने के लिए कुछ दस्तावेज प्रदान करेगा। क्रेडिट blog post from "Josh" पर जाते हैं।

जुलाई 2017 अपडेट करें। इसे फेसबुक के ब्लॉग में संबोधित किया गया है, इसलिए मुझे लगता है कि यह आधिकारिक रूप से समर्थित है: Tagging Single Page Applications with the Facebook Pixel।

Answer 2

मैं तुम्हें AngularJS घटक सुझाव है अगर आप अमेरिकन प्लान पिक्सेल का उपयोग कर ट्रैक करना चाहते हैं।

npm install angulartics-facebook-pixel 

फिर अपने ऐप के लिए निर्भरता के रूप में angulartics.facebook.pixel जोड़ें:

require('angulartics') 

angular.module('myApp', [ 
    'angulartics', 
    require('angulartics-facebook-pixel') 
]); 

यह भी देखें: https://github.com/angulartics/angulartics

मुझे आशा है कि यह मदद करता है।