Instag 顧客數據平台
Instag 顧客數據平台
  • 🎯Instag: 掌握受眾的起點
    • Instag 導入指引
  • 🔰Google Tag Manager 安裝 (建議)
    • 基礎追蹤 (必要)
    • 內容網站設置(Wordpress)
    • 開店平台設置
      • 91APP
      • Shopline
      • Shopify
      • 1shop
      • Waca
      • Easystore
      • Qdm
  • 導入確認檢查
  • 💡第三方平台整合
    • Facebook 粉絲專頁
    • Facebook 廣告帳號
    • Facebook Conversion API
    • Google AD Manager
    • Google Search Console
    • Google Analytics 4
    • LINE OA
      • Line 官方帳號
      • Line LIFF
  • Threads
  • Wordpress
  • 🖥️應用情境
    • 廣告投放
      • 如何即時監控廣告投放 / 行銷效益?
      • 如何在 Facebook 廣告投放使用 Instag 受眾?
      • 如何在 Google Ad Manager 廣告投放使用 Instag 受眾?
      • 如何在 Google Ads 廣告投放使用 Instag 受眾?
      • 如何追蹤連結點擊至客戶或非自有網站受眾?
      • 如何知道站內廣告成效與 Instag 受眾關係?
    • 分眾行銷
      • 如何在 Line 推播訊息使用 Instag 受眾?
      • 如何將 Line User 與 Instag 進行連結?
      • 如何設置自動化行銷新加入會員訊息?以及沈睡會員喚醒?
  • 🛠️程式碼自訂安裝
    • 基礎追蹤 (必要)
    • 瀏覽內容
    • 搜尋追蹤
      • 範例:91APP 搜尋
      • 範例:waca 搜尋
      • 範例:shopline 搜尋
      • 範例:Easystore 搜尋
    • 分享追蹤
      • 91APP
        • 範例:91APP 分享
      • Waca
        • 範例:Waca 分享 Line
        • 範例:Waca 分享 Facebook
        • 範例:Waca 分享 X
      • shopline
        • 範例:shopline 分享 Line
        • 範例:shopline 分享 Facebook
        • 範例:shopline 分享 Whatsapp
        • 範例:shopline 分享複製連結
      • Easystore
        • 範例:Easystore 分享 Facebook
        • 範例:Easystore 分享 X
        • 範例:Easystore 分享 pinterest
        • 範例:Easystore 分享 Line
    • 點擊追蹤
      • 91APP
        • 範例:91APP 分類點擊
      • shopline
        • 範例:shopline 加入追蹤清單
        • 範例:shopline 分類點擊
      • Easystore
        • 範例:Easystore 分類點擊
    • 表單追蹤
      • 範例:91APP 註冊
    • 瀏覽商品
      • 範例:91APP 瀏覽商品
      • 範例:waca 瀏覽商品
      • 範例:1shop 瀏覽商品
      • 範例:shopline 瀏覽商品
      • 範例:Shopify 瀏覽商品
      • 範例:Easystore 瀏覽商品
      • 範例:qdm 瀏覽商品
    • 購物車追蹤
      • 範例:91APP 加入購物車
      • 範例:waca 加入購物車
      • 範例:1shop 加入購物車
      • 範例:shopline 加入購物車
      • 範例:shopify 加入購物車
      • 範例:Easystore 加入購物車
      • 範例:Qdm 加入購物車
    • 購買追蹤
      • 範例:91APP 送出訂單
      • 範例:waca 送出訂單
      • 範例:1shop 送出訂單
      • 範例:shopline 送出訂單
      • 範例:shopify 送出訂單
      • 範例:Easystore 送出訂單
      • 範例:Qdm 送出訂單
    • 會員追蹤
    • 整合追蹤
Powered by GitBook
On this page
  • 事前準備
  • 手動 GTM dataLayer 設置
  • Wordpress Code Snippets Plugin 設置
  • 匯入 「瀏覽內容」 容器
  1. Google Tag Manager 安裝 (建議)

內容網站設置(Wordpress)

Last updated 17 days ago

事前準備

必須先完成 基礎追蹤 (必要)

手動 GTM dataLayer 設置

若您尚不熟悉 GTM dataLayer 可參考 GTM 官方文件:

在網頁中新增以下程式碼,並放入各變數對應資料

<script>
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
	'content_id':'內容 ID',
	'content_category':'內容分類',
	'content_author': '內容作者(多個以逗號分隔)',
	'content_tags':'內容標籤(多個以逗號分隔)'
});
</script>

Wordpress Code Snippets Plugin 設置

  1. 啟用 WPCode 外掛後,如下圖按下選單的 「 Add Snippet 」

  1. 於程式區塊貼上以下程式碼,Location 選 Frontend Only,右上角選擇 Active 儲存即可

function add_datalayer_for_single_posts() {
    if (!is_single()) return;

    $post_id    = get_the_ID();
    $categories = wp_get_post_categories($post_id, ['fields' => 'names']);
	$categories = (count($categories) > 0)? $categories : '';
    $tags       = wp_get_post_tags($post_id, ['fields' => 'names']);
	$tags       = implode(',', $tags);
    $author     = get_the_author();

    ?>
    <script>
    window.dataLayer = window.dataLayer || [];
    window.dataLayer.push({
        content_id: <?= json_encode($post_id) ?>,
        content_title: <?= json_encode(get_the_title()) ?>,
        content_category: <?= json_encode($categories) ?>,
        content_tags: <?= json_encode($tags) ?>,
        content_author: <?= json_encode($author) ?>
    });
    </script>
    <?php
}
add_action('wp_head', 'add_datalayer_for_single_posts');

匯入 「瀏覽內容」 容器

  1. 下載並選擇匯入容器檔案

  1. 選擇工作區:選擇 「現有」 並點選您正在使用的工作區,一般沒特別設定則直接選擇 "Default Workspace"。

  2. 選擇匯入選項: 選擇 「合併」 > 「覆寫有衝突的代碼、觸發條件和變數。」

  3. 點擊 「確認」 完成匯入。

請先用 「預覽」 功能測試,確認 「Tags Fired」 是否有觸發成功

  1. 按下右上角 「提交」,再按下 「發布」 按鈕即可完成設置。

先在外掛裡安裝好

🔰
https://support.google.com/tagmanager/answer/6164391
https://developers.google.com/tag-platform/tag-manager/datalayer
WPCode – Insert Headers and Footers
7KB
Instag_content.json