Q1. Is the Mediahawk Dynamic code GZIP compression compatible?

A1. Yes the Medihawk Dynamic code has been written to ensure it is returned as GZIP compressed if the Browser requires it.

Q2. Does the Mediahawk code load asynchronous?

A2. Yes, the small element of JavaScript code wont affect loading or slow down the site load speed.

Q3. Can I stop the Dynamic code from triggering?

A3. Yes this is very simple for your developers to trigger or not trigger the Dynamic Code. We have excellent developer docs that will assist them HERE

Q4. Can the Mediahawk code work with  single-page-applications website such as React, Angular, Vue.js, Eber.js or W websites?

A4. Yes the code can be applied either through Google Tag manager or with a website code change that can correctly trigger call tracking for single-page-applications.

We have excellent developer docs that will assist them HERE and we have produced a blog how this can be achieved HERE

Q5. I have an error on my reports screen stating my dynamic code may not be working. How do I resolve this?

A5. The Mediahawk platform automatically performs several system checks to ensure you continue to track consistently.

The most common things that cause this error are:

  1. Do you have Step 1 and Step 2 of the Mediahawk code installed on the website (including the home page)?
  2. Does the URL name assigned to your Dynamic Campaign match your website URL? - Check Setup HERE
  3. Have you received an In- visit call within the last 7 days?
  4. Is the website active and running?

Q6. How can I apply custom CSS, phone Icons or Font Awesome to Dynamic numbers

A6.  The example below provides a generic example of being able to have our code could work on your website, we always recommend providing this to your developers who will be able to amend the code to suit your individual website. As all websites have the potential to be slighlty different. We do not recommend a copy and paste of this code. 

The code below should be used as a guide how to create your own.

<div id="mobile_phone_button">     <a class="mediahawkNumberXXXX mhMobile fa fa-phone " href="tel:XXXXXXXXXX" style="width: 23px; height: 24px; white-space: nowrap; overflow: hidden;"><span class=" "></span></a> </div>
Our code replaces anything inside the tag that has the mediahawkNumberXXXX tag with our number.
In order to have the Font Awesome or phone icon you need to apply the fa and fa-phone classes directly to the a tag.
The mhMobile class makes sure that we change the href attribute to have the correct telephone number, so you must add this if you want it to work by clicking it on a mobile.
If you wish to hide the number and only show the ICON, you need to add the styling so the number is hidden, but the phone icon is still there.

This will replace ALL our phone numbers that contain the mhMobile class to just display a phone icon. If you add the <style></style> bit to their header or stylesheet:
<style> .mhMobile A {     font: normal normal normal 14px/1 FontAwesome; /*Set the font to font-awesome*/     text-rendering: auto; /*This is what font-awesome has on their styles*/     width: 11px; /*Set the width and height so all you can see is the phone icon*/     height: 12px;     display: inline-block; /*Set it to block level so we can set a width*/     overflow: hidden; /*Hide anything outside the width and height we have set*/     padding-left: 2px; /*When we tried this, it cut off the very left hand side of the phone icon so you need this to see it all*/ }
.mhMobile A:before {         content: "\f095"; /*Add the phone icon to the start of the link with the phone number in*/ }
</style> <div id="mobile_phone_button">     <span class="mediahawkNumberXXXX mhMobile"><a href="tel: tel:XXXXXXXXXXX">XXXXXXXXXX</a></span> </div>

Please note: Changing our numbers outside of our code will affect the tracking that we are performing and may provide incorrect data or not track the call at all.