Dcard Web AD Tracking SDK GTM 埋設說明
Published in
6 min readDec 2, 2021
2022.2.21 updated v.1.3.3 開發文件說明
① 在 GTM 全域設定 Dcard Web AD Tracking SDK 與 Page View 事件
- 在 GTM (Google Tag Manager) 中,按下 [新增代碼]
- 點擊 [選擇代碼類型] 中的 [自訂 HTML]
- 貼入以下的 Dcard 追蹤碼,替換 CLIENT_ID ,貼到 HTML 裡。
- 點選 [觸發條件],並選擇 [All Page] ,即能夠在網站全域觸發追蹤碼。
- 按下 [儲存],並發佈版本
- 如果成功設定完成,您可以在您的網頁的 [開發者工具] 中 ,檢查是否出現 PageView 事件
<script>
!function(){
var d=function d(a) {
for(var e=arguments.length,n=new Array(e>1?e-1:0),i=1;i<e;i++)
n[i-1]=arguments[i];
d.queue.push([a].concat(n))
};
d.queue=[],window.dadk=window.dadk||d;
var a=document.createElement("script");
a.src="undefined"!=typeof URLSearchParams?"https://unpkg.com/@dcard/web-ad-tracking-sdk/build/dadk.iife.js":"https://unpkg.com/@dcard/web-ad-tracking-sdk/build/outdated-dadk.iife.js",
document.head.appendChild(a),
window.dadk("init", "CLIENT_ID"), window.dadk("track", "PageView", {url:window.location.href})}();
</script>
② 標準事件設定
您可以從參考資料中找到最適合您的商業模式的標準事件,來最優化您的廣告成效。
以 AddToCart 作為範例:
- 在 GTM (Google Tag Manager) 中,按下 [新增代碼]
- 點擊 [選擇代碼類型] 中的 [自訂 HTML]
- 貼入以下的 Dcard 追蹤碼,您可以參考下方資料來增減 AddToCart 事件物件屬性,並替換上您網站的專屬變數,越詳細的事件資料,越能夠提升資料追蹤品質,貼到 HTML 裡。
- 點選 [觸發條件],並選擇您網站的相關觸發條件,例如 AddToCar t事件。
- 按下 [儲存],並發佈版本
- 如果成功設定完成,您可以在您的網頁的 [開發者工具] 中 ,檢查是否出現 AddToCart 事件
參考資料
標準事件
您可以透過標準事件來追蹤您的廣告轉換事件。
此外還可以選用物件屬性參數來提供事件的額外資訊。例如 :
ViewContent
<script>
window.dadk('track', 'ViewContent',
{
contentIds:["ABC123"],
contentCategory: "grocery",
contentName: "lettuce",
value: 100,
currency: "TWD",
contents:[
{
"id":"ABC123",
"name":"lettuce",
"quantity":2
}]
}
);
</script>
AddToCart
<script>
window.dadk('track', 'AddToCart',
{
contentIds:["ABC123","XYZ789"],
contentCategory:"grocery",
value: 100,
currency: "TWD",
contents:[
{
"id":"ABC123",
"name":"lettuce",
"quantity":2
},
{
"id":"XYZ789",
"name":"milk",
"quantity":1
}]
}
);
</script>
Purchase
<script>
window.dadk('track', 'Purchase',
{
contentIds:["ABC123","XYZ789"],
contentCategory:"grocery",
contentType: 'product',
value: 100,
currency: "TWD",
contents:[
{
"id":"ABC123",
"name":"lettuce",
"quantity":2
},
{
"id":"XYZ789",
"name":"milk",
"quantity":1
}]
}
);
</scrip
網站事件
物件屬性(皆為選填)
如果有不清楚的地方,也歡迎聯絡我們,由廣告顧問專人服務唷!
還沒加入Dcard Ads嗎?立即填寫表單,申請廣告帳號,並加入Dcard Ads LINE 官方帳號,讓我們提供最適合您的廣告建議!⬇⬇⬇