如何在Blogger嵌入GTM代碼?

-

如何在Blogger嵌入GTM代碼?


到管理介面找到 [主題]>點開右上角三個點點 打開  [編輯HTML]


根據GTM規範貼入兩段程式碼 :

1.將 <script> 程式碼片段放在網頁 HTML 輸出內容的 <head>，位置最好是盡量靠近 <head> 開頭代碼，但必須在所有 dataLayer 宣告下方。


2.將 <noscript> 程式碼片段放在 HTML 輸出內容中，位置緊靠 <body> 代碼後方。



按下右下角儲存即可

出現更新失敗時 畫面程式碼會出現紅色字體

請將程式碼取代為 : &1-->&amp;l
再按下右下角儲存即可

文章參考出處:
https://ainlee.blogspot.com/2018/11/bloggergoogle-tag-manager.html


留言

張貼留言

這個網誌中的熱門文章

如何在按鈕上安裝Tracking code？【一般JavaScript版】

-
  第一步 在你想要加入追蹤 button click 的頁面上，標簽之間放入下列程式碼↓： <script language="javascript"> function  buttonclick () {      document.getElementById('dd').innerHTML = '<iframe src="tracking.html" style="border:none;" marginheight="0" marginwidth="0" frameborder="0"></iframe>'; } </script> 第二步 請再 click 按鈕新增 onclick="buttonclick();" 並新增 DIV <div id="dd" style="display:none;"></div> 完整的語法為 <input type="button" value=" 送出資料 " onclick="buttonclick();"> <div id="psm" style="display:none;"></div> 第三步 接下來， 把Ament 提供的 button tracking code依序貼入<body></body>之間 建立 tracking.html 
閱讀完整內容

如何在按鈕上安裝Tracking code【jQuery應用版】

-
第一步 新增呼叫載入tracking code的iframe語法 <iframe id="dd" src="" style="border:none;" marginheight="0" marginwidth="0" frameborder="0"></iframe> 第二步 新增觸發 step1 button click語法 <script> $(document).ready(function(){   $("#step1").click(function(){    $("#dd").attr('src', 'tracking.html');     }); }); </script> 第三步 建立tracking.html頁面將Amnet 提供的button tracking code語法貼入<body></body>之間 活動頁面語法如下: <html> <head> <script src="https://code.jquery.com/jquery.min.js"></script> <script> $(document).ready(function(){   $("#step1").click(function(){    $("#dd").attr('src', 'tracking.html');     }); }); </script> </head> <body> <button id="step1">下一步</button> <iframe id="dd" src="" style="bor...
閱讀完整內容