Question

我已在WordPress Visual composer内完成此网站，该网站包含Google Analytics。但是，我想专门为标题的特定链接添加分析，以便我可以跟踪相同链接上的点击次数。链接是联系电话和电子邮件。

以下是我要添加的链接：

<a href="tel:0110392630" target="_blank">011 039 2630</a>  |  <a href="tel:0720660989" target="_blank">072 066 0989</a>
<a href="mailto:info@taxleaders.net">info@taxleaders.net</a>

如何使用javascript / jquery为这些链接添加分析？

希望你能提供帮助。

Answer 1

以下是通过GA来跟踪要跟踪的链接的代码，

/ ** *跟踪Google Analytics中出站链接点击的功能。 *此函数将有效的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

Answer 2

@ragmah如果您想自动执行此操作，而无需触及JavaScript。下载此Wordpress插件https://wordpress.org/plugins/simple-tel-tracking

该插件将Google跟踪代码添加到电话和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);

完整代码：https://plugins.trac.wordpress.org/browser/simple-tel-tracking/trunk

如何将Google分析添加到链接标记

2 个答案: