Simple Tel Tracking

Wordpress Plugin to add Google Analytics code to all tel links and mailto links.

Requires Google Analytics tracking code to be already on the page, e.g. use a plugin to add the tracking code

• I wrote a blog post about this.

Download it on Wordpress by searching for 'simple-tel-tracking' or download it here.

• Simple
• Uses jQuery
• Adds the following JavaScript to pages:

// tracking-code.js

/**
 * 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("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);
});


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);
});