Add Google Forwarding Numbers to UnBounce?

Thanks for sharing your progress with this one, Ricky!

Hello Guys.

I’ve read this post, and the one you posted Johnny, and the Google explanations, and other websites and users explanations, and deleting the cookies, and clearing the cache, and using the class “number” and placing the snippet and yada yada yada. I have not missed anything, including a live Call Extension.

IT’S STILL NOT WORKING… 😦

here are the class “number” I’ve used:

Here are the codes I’ve placed:

Adwords:

Google:

The number stays the same when I click FROM AN AD.

Have I missed anything else?

Thanks!

Please let us know if this works on your end, Graham. Curious to see if you get a lot of use out of this functionality. 

Hey Graham

Google support article details how to do this here:

https://support.google.com/adwords/an…

Click on ‘step 2’ and see the last example.

In summary it looks like you first need to add a ‘callback’ function:

       var callback = function(formatted_number, unformatted_number) { <br />
           var e = document.getElementById("number_link"); <br />
           e.href = "tel:" + unformatted_number; <br />
           e.innerHTML = "" <br />
           e.appendChild(document.createTextNode(formatted_number)); <br />
       }; <br /> </script>```   
 
With this your onBody call is slightly different so use this updated function instead:   
 
```<script> <br />
$(function(){ <br />
 _googWcmGet(callback, '1-800-123-4567'); <br />
}); <br /> </script>```   
 
And lastly you'll want to modify your `````` tag link to contain the id 'number\_link'   
 
```[1-800-123-4567](tel:18001234567)```

Hey Jared - Let me take a closer look and see if I can spot anything odd. Lookout for my email shortly

I appreciate all the feedback…

A 51:34 phone call to Google and it appears it’s an issue on their end. They’re getting some kind of error code that they don’t even know what it is.

It’s been sent up the chain to their tech department to figure out.

I will keep you posted with what they say.

That looks right to me. Here’s mine

Here is mine

Here is a screencap of my span class tags around the phone number so you can compare with yours

That code looks correct to me (or at least it matches how I did the span tag around my phone number with the other formatting tags around it)

I found that I had not completed the set-up of the Phone Call Conversion within AdWords itself. Not sure if this is what you are missing but one step they list is the campaign has to have a Call Extension set-up and it has to be set to use the Google tracking number. Once I finalized my Call Extension changes it started working for me

Woops! scratch that. It all worked. The error was on my end as I had not made my call extensions live.

Quinn

Thank you SO MUCh for your help. You made it easy for a neophyte javascript-guy like me.

Much appreciated!

Hi Brent - Yup, right now, you actually need to click through from an actual ad. Considering what some keyword clicks can cost, I would have expected a test mode, but Google mentions it themselves under “Track calls from a website”, then “Paste the code in your website’s HTML” https://support.google.com/adwords/an…

Hi Brent,

For Q1, you will need to wrap that code in some <script></script> tags. It should then go in the head.

The second code snippet (Mark’s variation, not the original body onload one) can be entered in the Javascripts panel in Unbounce. It should be placed before the body end tag, since it needs to be after any of the target functions.

Q2. To get the actual numbers on your page, you’ll need to wrap them in span tags. You can add these in the Text editor in Unbounce if you switch to source view first.

ex.

1-800-123-4567

Anything wrapped in those span tags with the class set as “number” should be replaced.

Note that Adwords doesn’t provide a way to test this, so to check it you’ll actually need to click through (and also pay for that click unfortunately) from a live ad.