Facebook Pixel進階——事件代碼安裝
———— Riva from深圳拓撲
如果你的網站是利用BigCommerce、Magento、Shopify等搭建的，那麼難點就在找到並且複制Pixel ID了找到之後，把Facebook Pixel ID粘貼到模板指定位置。
如果搞定，本文完=。 =
這篇文章主要針對的是需要手動安裝Pixel事件代碼的網站。可能對於很多小白來說，Pixel感覺是很高深的東西，因為懂FB的就不懂碼，懂碼的就不懂FB =。 =
希望看完這篇文章之後，大家都能夠把Pixel安裝到自己的獨立站！
一、準備工作
首先需要準備兩樣東西：
- 一個知道Pixel在哪裡的人（如果不知道， 點擊這裡看完就知道了）
- 一個懂碼的人（如果不懂，看下去應該也能看得懂）
二、選擇並且整合自己想要的Pixel事件代碼
來到如下頁面，選擇自行手動安裝代碼：
來到如下頁面，點擊添加事件
BTW，基礎代碼的安裝就不做過多闡述，可以又點擊這裡查看基代碼的安裝。
當點擊添加事件之後，出現
看到紅色框裡面的9個事件，對於一般商城來說都已經很足夠了，簡單點比如我需要追踪加入購物車、購物這兩個事件，這兩個也是商城重要的轉化指標，然後把左邊的按鈕打開就可以看到對應的腳本。
進而看到如下頁面，選擇用戶操作室追踪事件：（以加入購物車為例）
上面的中文全都是字面意思，比如轉化價值和貨幣，可填可不填，填上去之後可以看出加入購物車給自己帶來多少收益，可是加入購物車很難量化，懶人表示是絕對不會動它的。
重點在那段< script >< /script >代碼，這段代碼需要在加載完Pixel基代碼之後，才可以實現被觸發。
這里之前都是看看點點的操作。
重點來了
1、把需要調用事件代碼用函數封裝起來
封裝函數？什麼鬼？
如果不懂的話，參考下面那一段（已經封裝好的函數）就行了，不可以直接複製，因為有空格=。 =
< script type="text/javascript" > //加入购物车 function fbpAddToCart() { fbq('track', 'AddToCart'); } //购买 function fbpPurchase() { fbq('track', 'Purchase'); } < /script >有沒有發現，上面function裡面的內容，就是與< script >< /script >標籤裡的內容一毛一樣？就是要一毛一樣，封裝起來以後調用。
2、把上面那段東西，放在和Pixel基代碼同樣的公共文件（網站所有頁面都包含的）裡面，位置是在< /head >標籤後面！在< /head >標籤後面！在< /head >標籤後面！一定是要在< /head >後面！這樣做的目的是，確保先加載完基代碼，再加載這段封裝好的函數。
三、在特定位置調用相關
這一步需要薛微懂碼的人操作=。 =
我盡量以最簡單的語言解釋。
上面第二大點之所以要封裝起來，是因為以後調用就不需要每次都寫一大段script，這樣網站的代碼會很好看哦！
接下來就是在Add to Cart按鈕上面調用，舉個栗子，如果Add to Cart按鈕是< input >標籤的，則需要在點擊這個按鈕的時候，觸發加入購物車事件。
然後你需要做的就是加一句話（紅色加粗那句）：
< input type="button" name="" value="Add to Cart" onclick=" fbpAddToCart()" >
這樣，Pixel就可以追踪到了！
如果是< button >< /button >、< a >< /a >這些，也是加那一句就OK了！
至於購物按鈕，千萬不要在付款完成之前的按鈕（結賬、購買等字樣）上面添加觸發事件！千萬不要在付款完成之前的按鈕（結賬、購買等字樣）上面添加觸發事件！千萬不要在付款完成之前的按鈕（結賬、購買等字樣）上面添加觸發事件！因為即使點擊了購物按鈕，也有可能購物不成功！比如，如果沒有登錄沒有填寫收貨地址，那點擊購買按鈕之後，並沒有給錢啊！就算什麼資料都準備好了，那也要跳到第三方平台付款呀（除非你是COD）！所以不能算。
因此，在設置網站的時候，需要給一個返回頁！意思是：跳出網站付款完成之後，要跳轉回自己網站，給一個彈窗，告訴買家購買成功！然後讓買家點擊確定！對！木有錯，就是在這個確定按鈕觸發購買事件！
如下：
< input type="button" name="" value="確定" onclick=" fbpPurchase()" >
這樣，就能確保有且只有來到這個頁面，點擊確認之後，才完成購買，這樣統計就準了！
經過以上步驟，基本上可以統計一個商城的最重要的轉化指標，並且能夠利用FB進行再行銷了。至於其他Pixel事件，則可以按照這個思路
總結一下，無非就是：
- 將代碼封裝起來，以便使用；
- 在適當位置調用函數。
其中需要注意的就是，一定要確保的確完成了這個事件才調用！就像購買一樣，來到有且僅有付款後的購買成功頁麵點擊確認才能算一次購買。
現在一般網站（真的是絕大部分網站）都會有返回頁面，所以不用擔心。
如果不懂碼的話，叫上碼農，和他談需求就行了，然後給他看這篇東西，他會get到我的。
至於Pixel基代碼的安裝，就不說了，看看前面的文章就OK了。
本文真的完了=。 =
相關文章