Install CallRail with Google Tag Manager

Dynamic number insertion makes it possible to integrate call tracking into your website. Every tracking number you create can be assigned a source (like Google AdWords, Facebook, Bing Organic, etc.) and the correct tracking number will display when a user reaches your website via one of those sources.

Google Tag Manager is an easy way to manage all HTML/JavaScript snippets and tags on your website. Using Google Tag Manager, you can quickly add CallRail's dynamic number insertion code to your site.

Use this article to learn how to:

  • Install dynamic number insertion on your website using Google Tag Manager

Getting Started

There are a few important details you’ll need to know before you get started with dynamic number insertion:

  1. Once you’ve installed swap.js on your website, be sure to test your installation before your campaign begins.
    Learn how to test dynamic number insertion with this help article.

  2. Dynamic number insertion detects multiple number formats, including:
    111-222-3333, 111.222.3333, and (111) 222-3333.

  3. Special steps are necessary to swap phone numbers in images.
    Learn more about image swapping with this help article.

  4. CallRail’s swap.js code must be embedded on the visitor’s landing page, as well as each page on your website that displays a phone number. Ideally, swap.js should be installed on every page of your website.

Installing with Google Tag Manager

Each company in your account has its own unique JavaScript code for dynamic number insertion. If you have multiple companies in your CallRail account, you’ll have a different code for each.

  1. Log into Google Tag Manager and navigate to your domain.



  2. Click New Tag.



  3. Name the tag at the top of the page, then select the box labeled Tag Configuration.



  4. Select Custom HTML under the section Custom.



  5. Copy your dynamic number insertion code from CallRail's integration page (as outlined in the first set of instructions in this article), and paste it into the HTML box in Google Tag Manager.



  6. Select the Triggering box, and choose your trigger. We recommend setting your script to fire on all pages of your website by selecting the + at the top of the page, then clicking Page ViewAll Page Views.



  7. Click Save to add your tag to your workspace.



  8. Once your tag has been added to your workspace according to these instructions, click Publish at the top of the page to activate the script on your website.



FAQs

Why isn’t my telephone number swapping?

Have you cleared your cookies, or tried accessing the website in a private browsing session? The most important part of testing dynamic number insertion is to simulate the experience of a first-time visitor before testing. Otherwise, the swap code will detect you as a visitor to the website from a previous session.

Learn more about testing dynamic number insertion with this help article.

How do I prevent a number from swapping on my website?

If there is a specific place on your website where you don't want the number to swap, you're able to update the telephone number in your source code so that our swap script doesn't recognize it. In the number that you do not want to be swapped, you can use HTML tags that don't apply any additional style.

For example: 555-<span>444<span>-3333.

When setting this up, we recommend placing "<span>" within the middle of the phone number (as illustrated above). With those additional HTML tags, our JavaScript file will not find/swap the number that you'd like to appear static.

Do I need to remove the JavaScript after I disable call tracking?

CallRail’s JavaScript code is company-specific. If you don’t plan on creating new tracking numbers in the same company where your tracking number(s) has been disabled, you can safely remove the CallRail JavaScript code. However, if you leave the swap script on your website, the numbers will no longer swap since those numbers have been disabled.

Can I have a white labeled version of my swap code?

Yes. Use the instructions above when logged into CallRail via your white label domain to access a white label version of your swap script.

Have more questions? Submit a request

Comments

Need additional help? Ask our Community!