如何在按鈕上安裝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 

留言

張貼留言

這個網誌中的熱門文章

如何在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【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...
閱讀完整內容