Wordpress 內容網站設置

事前準備

手動 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 設置

先在外掛裡安裝好 WPCode – Insert Headers and Footers
啟用 WPCode 外掛後，如下圖按下選單的「 Add Snippet 」

於程式區塊貼上以下程式碼，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');