如何將Google分析添加到鏈接標記

我在WordPress Visual composer中完成了此網站，並且該網站有Google Analytics（分析）。但是，我想特別將分析添加到標題的特定鏈接，以便我可以跟蹤同一鏈接上有多少點擊。鏈接是聯繫電話號碼和電子郵件。如何將Google分析添加到鏈接標記

這裏有我想要添加的鏈接：

<a href="tel:0110392630" target="_blank">011 039 2630</a> | <a href="tel:0720660989" target="_blank">072 066 0989</a> 
<a href="mailto:[email protected]">[email protected]</a>

使用javascript/jQuery的可以加分析，以這些鏈接？

希望你能幫上忙。

來源

2017-04-24 Ragmah

這裏是將出站經由GA來跟蹤該鏈接的代碼，

/** * 功能，用於跟蹤在分析出站鏈路上的點擊。 *此函數將有效的URL字符串作爲參數，並使用該URL字符串 *作爲事件標籤。將傳輸方法設置爲'beacon'可以使用支持它的瀏覽器中的'navigator.sendBeacon'將匹配發送到 *。 */

<script> 
var trackOutboundLink = function(url) { 
    ga('send', 'event', 'outbound', 'click', url, { 
    'transport': 'beacon', 
    'hitCallback': function(){document.location = url;} 
    }); 
} 
</script>

您還需要添加（或修改）onclick屬性到你的鏈接。用這個例子作爲您自己的鏈接模式：

<a href="http://www.example.com" onclick="trackOutboundLink('http://www.example.com'); return false;">Check out example.com</a>

參考：GA

來源

2017-04-24 13:03:21

將添加到我的JS了。 – Ragmah

不錯。讓我也知道結果。 –

因此，我爲我的網站製作了這樣的圖片：[email protected]，以便跟蹤電子郵件。有沒有一種方法可以檢查它是否在工作？對不起，我從來沒有嘗試過，所以有點空白。 – Ragmah

@ragmah如果要自動執行此操作，而不觸及的JavaScript。下載這個Wordpress插件https://wordpress.org/plugins/simple-tel-tracking

該插件添加谷歌跟蹤代碼到電話和mailto鏈接。這是它增加了JavaScript：

(function(jQuery) { 

    "use strict"; 

    // Telephone numbers 
    jQuery("a[href^=tel]").each(function(index) { 
     var tel_number = jQuery(this).attr('href').replace('tel:', '').replace(';', ''); 
     stt_add_google_tracking_code(this, "Phone Call Tracking: " + tel_number); 
    }); 

    // Mailto links 
    jQuery("a[href^=mailto]").each(function(index) { 
     var email_address = jQuery(this).attr('href').replace('mailto:', '').replace(';', ''); 
     stt_add_google_tracking_code(this, "Mailto Tracking: " + email_address); 
    }); 

    /** 
    * Function to check if the [element] has an onclick handler, 
    * if it does not! Then adds a google anayltics tracking code with 
    * the tracking_string param as event. 
    * 
    * @param element   jquery element, e.g. <a href="tel" or <a href="mailto" 
    * @param tracking_string Event String 
    */ 
    function stt_add_google_tracking_code(element, tracking_string) { 
     if (jQuery(element).attr('onclick') != undefined) { 
      console.warn('Element already has something onclick, not setting Tracking code for the following element:'); 
      console.warn(element); 
     } 

     jQuery(element).attr(
      'onclick', 
      "ga('send', 'event','" + tracking_string + "','Click/Touch');" 
     ); 
    } 

})(jQuery);

全碼：

來源

2017-11-21 19:53:30

如何將Google分析添加到鏈接標記

回答

相關問題