Dynamic number swapping for web studio

At a glance

The community member is trying to set up conversion call tracking for their web studio, specifically dynamic number swapping. They are having issues with the code not activating sometimes on WordPress, and are wondering if there's anything preventing the code from activating on Web Studio. The community members provide some code snippets for Google Tag Manager and CallRail, and explain that they are trying to track every call and lead form submission. Another community member suggests using Google Tag Manager, and provides a link to more information on adding global code in Web Studio. However, there is no explicitly marked answer to the original issue.

Useful resources

IIvan Kravtsov

Hey, do you guys have any tutorial on conversion call tracking for web studio? We are trying to do dynamic number swapping. On the landing page we just built, but it’s not working sometimes something in the back end will be preventing the code from being activated that happens sometimes on WordPress wondering if there’s anything that’s preventing the code from activating on Web studio

9 comments

OOleg Isonen

I am not sure I understand the question, can you explain exactly what you are tracking and how and what the observed problem exactly is?

OOleg Isonen

ideally show the code you use and where you use it

IIvan Kravtsov

We are trying to set up conversion tracking for ppc

IIvan Kravtsov

Here’s the codes : Go Green Hauling
Google Tag Manager
Copy the code below and paste it onto every page of your website.

Paste this code as high in the <head> of the page as possible:

<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NK3N9Q5K');</script>

Paste this code immediately after the opening <body> tag:

<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NK3N9Q5K"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>


CallRail Snippets

<script type="text/javascript" src="//cdn.callrail.com/companies/449204161/01c49c0d2724c152df37/12/swap.js"></script>

IIvan Kravtsov

We are trying to track every single call and lead form submission

OOleg Isonen

ok so you just want to use google tag manager, there should be no problem with that

JJohn Siciliano

You can read more about adding global code here https://docs.webstudio.is/university/foundations/project-settings#general

iitsmelem

@John Siciliano we are trying to call a javascript snippet from CallRail to Swap phone numbers shown on the website. Swapping will activate once the format of the swap target is detected. We notice that once the Webstudio loaded the entire body all elements are fixed and can no longer modified by a third party like CallRail?

JJohn Siciliano

If you dont have it resolved yet, please share a project link

Add a reply

Join the Webstudio community

Dynamic number swapping for web studio