如何在一個網頁加入多個Facebook像素基底程式碼 ... - Medium

一般埋Facebook Pixel Code會像這樣寫. “如何在一個網頁加入多個Facebook像素基底程式碼(Facebook Pixel Code)” is published by 迷途羔羊小前端. GetstartedOpeninapp迷途羔羊小前端SigninGetstarted59FollowersAboutGetstartedOpeninapp迷途羔羊小前端Apr11,2019·6minread如何在一個網頁加入多個Facebook像素基底程式碼(FacebookPixelCode)PhotobyConKarampelasonUnsplash一般埋FacebookPixelCode會像這樣寫如果在同一頁面要埋有2個FacebookPixelCode會很自然的寫成這樣我們預期Purchase事件會記到PixelA,Step4事件會記到PixelB但實際上卻不是這樣而是會像下圖這樣Imagebyfacebookfordevelopers如果有2個像素基底程式碼,fbevents.js還是只會載入一次所以我們會把寫法換成這樣但還是一樣會造成上圖的結果為什麼會這樣呢?當執行initfunction它會把pixelID存進一個全域變數他會讓任何後來呼叫的track或trackCustom觸發之前初始化過的pixelID當程式執行到fbq(‘track’,‘Purchase’,{‘value’:4,‘currency’:‘GBP’});因為只有pixelA已經初始化所以track只會觸發pixelA當程式執行到fbq(‘trackCustom’,‘Step4’)因為pixelA和pixelB都已經初始化所以trackCustom會同時觸發pixelA和pixelB如何解決?這種時候我們就需要用到trackSingle和trackSingleCustom這2個功能讓我們可以針對特定pixelID觸發事件不管頁面是否已經初始化多個pixelID寫法如下這樣事件就會按照我們想要的記到對應的pixelID如下圖顯示Imagebyfacebookfordevelopers參考資料WillitcauseanyissueifIusemultipleFacebookPixelinonepage?IwouldliketoincludebothmyFacebookPixelidandcustomer'sFacebookPixelidinonepage,sobothofuscanhave…stackoverflow.comAccurateEventTrackingwithMultiplePixelswithtrackSingleandtrackSingleCustom-Facebookfor…TechnicalimplicationsandsolutionstomanagemultipleFacebookPixelswhensettingupevents.developers.facebook.com如果你／妳喜歡這篇文章，請給我1–10個拍手。

如果你／妳很喜歡這種類型的文章，請給我這篇文章11–20個拍手。

如果這篇文章讓你／妳終於解決找很久的bug，請給我這篇文章21個以上拍手，花越多時間找可以拍越多！迷途羔羊小前端TaiwaneseFrontEndEngineerinSydneyFollow244244 244JavaScriptTrackingCodeFbPixelCodeMorefrom迷途羔羊小前端FollowTaiwaneseFrontEndEngineerinSydney