Dcard Web AD Tracking SDK GTM 埋設說明

2022.2.21 updated v.1.3.3 開發文件說明

Dcard Ads 廣告團隊

① 在 GTM 全域設定 Dcard Web AD Tracking SDK 與 Page View 事件

1. 在 GTM (Google Tag Manager) 中，按下 [新增代碼]
2. 點擊 [選擇代碼類型] 中的 [自訂 HTML]
3. 貼入以下的 Dcard 追蹤碼，替換 CLIENT_ID ，貼到 HTML 裡。
4. 點選 [觸發條件]，並選擇 [All Page] ，即能夠在網站全域觸發追蹤碼。
5. 按下 [儲存]，並發佈版本
6. 如果成功設定完成，您可以在您的網頁的 [開發者工具] 中 ，檢查是否出現 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 作為範例：

1. 在 GTM (Google Tag Manager) 中，按下 [新增代碼]
2. 點擊 [選擇代碼類型] 中的 [自訂 HTML]
3. 貼入以下的 Dcard 追蹤碼，您可以參考下方資料來增減 AddToCart 事件物件屬性，並替換上您網站的專屬變數，越詳細的事件資料，越能夠提升資料追蹤品質，貼到 HTML 裡。
4. 點選 [觸發條件]，並選擇您網站的相關觸發條件，例如 AddToCar t事件。
5. 按下 [儲存]，並發佈版本
6. 如果成功設定完成，您可以在您的網頁的 [開發者工具] 中 ，檢查是否出現 AddToCart 事件

Dcard Ads 廣告平台

參考資料

標準事件

您可以透過標準事件來追蹤您的廣告轉換事件。
此外還可以選用物件屬性參數來提供事件的額外資訊。例如 :

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嗎？立即填寫表單，申請廣告帳號，並加入Dcard Ads LINE 官方帳號，讓我們提供最適合您的廣告建議！⬇⬇⬇

Dcard Ads｜讓你的品牌被年輕人看見