gclid - Data Pulling in data for Zapier | Community
Skip to main content
Answered

gclid - Data Pulling in data for Zapier

M

Hi there,

I read though some of the other posts, but I have an embedded form and the gclid doesn’t seem to be coming through as expected from an embedded form.

I have a hidden field called gclid, as per your instructions.

I have updated the link to the form, which now has data-tf-hidden="gclid=xxxxx" in the embed code.

I’ve also added in data-transferable-url-parameters="gclid" as per instructions.

But the variable isn’t passing through.

Here is the code on the page:

<div data-tf-widget="qU2shQYU" data-transferable-url-parameters="gclid" data-tf-hidden="gclid=xxxxx" style="width:100%;height:650px;"></div><script src="//embed.typeform.com/next/embed.js"></script>

Please can you help me to get this code right so I can start tracking via typeform.

I’m using Zapier to pull the information from typeform, but all I ever get is this

 

 

Any help is appreciated.

 

Thanks,

 

Murray

 

 

Best answer by picsoung

Hey @Murray 
If I understand correctly you want to pass to the embedded typeform the unique gclid value, is that correct?

Because this value is generated by Google Analytics code for each visitor we would need a way to extract it and pass it to the embedded typeform.

To do so we can’t just use the embed code provided in the Share panel or the Typeform Wordpress Plugin, we would need to create something custom using the Typeform Embed SDK.

The code would look like this:

Before </head> add

<link rel="stylesheet" href=" https://embed.typeform.com/next/css/widget.css" />

Then, where do you need your form to be embedded add:

<div id="embeddedTypeform"></div>

<script src="//embed.typeform.com/next/embed.js"></script>

<script>
 let gclid = ga.getAll()[0].get('clientId');
 window.tf.createWidget('qU2shQYU', {
   container: document.getElementById('embeddedTypeform'),
   hidden: { gclid },
  })
</script>

Let us know how if this works.

The alternative and probably easier solution would be to use the Google Analytics integration

View original

    8 replies

    john.desborough
    Forum|alt.badge.img+6
    • john.desboroughCertified Partner
    • Certified Partner & Champion
    • 5316 replies
    • October 4, 2021

    @Murray - you will need to replace the ‘xxxxx’ string with the appropriate value …. the xxxxx is a placeholder only for what you need to put in place

    If your third coffee of the day is not helping you with your Typeform, maybe we can help you find your answers...
    M
    • Murray
    • Author
    • Explorer
    • 3 replies
    • October 4, 2021

    Hi John, 

    Thanks for getting back to me.

    No problem, if the value is meant to be pulled through from google ads, my code should be:

     

    <div data-tf-widget="qU2shQYU" data-transferable-url-parameters="gclid" data-tf-hidden="gclid=gclid" style="width:100%;height:650px;"></div><script src="//embed.typeform.com/next/embed.js"></script>

     

    Or would this just replace my xxxxx with gclid?

     

    I want the valuable from my google ad gclid as it passes through, so potentially I wouldn’t provide the value in here, otherwise it would be static (gclid - as per above)?

     

    Could I leave it blank, would that pass through the dynamic valiable?

    Been trying to work this out for about a week now but I haven’t found the instructions clear.

    Thanks,

    Murray

     

     

    Liz
    Community Team
    Forum|alt.badge.img+5
    • Liz
    • Tech Community Advocate
    • 15028 replies
    • October 7, 2021

    Hi @Murray You’ll want to leave that hidden field blank. Google Analytics and Google Ads should be filling in that data for you, so in this case, if you remove the “gclid” after the equals sign, it should automatically fill in the data for you. 

    Let me know if this doesn’t work!

    Life is a series of awkward moments separated by snacks.
    john.desborough
    1 person likes this
    • john.desborough
      john.desborough
    M
    • Murray
    • Author
    • Explorer
    • 3 replies
    • October 8, 2021

    Hi Liz, 

    Thanks for your response. Still getting nothing unfortunately.

    Here is my code, can you tell me what is wrong?

    <div data-tf-widget="qU2shQYU" data-transferable-url-parameters="gclid" data-tf-hidden="gclid=" style="width:100%;height:650px;"></div><script src="//embed.typeform.com/next/embed.js"></script>

     

    Thanks,

     

    Murray

    Liz
    Community Team
    Forum|alt.badge.img+5
    • Liz
    • Tech Community Advocate
    • 15028 replies
    • October 8, 2021

    Hm. Would you mind sharing the URL where you have the form embedded so I can test this, @Murray ?

    Life is a series of awkward moments separated by snacks.
    M
    • Murray
    • Author
    • Explorer
    • 3 replies
    • October 9, 2021

    Sure, https://murraydare.co.uk/b2b-marketing-strategy.

     

    thanks

    Liz
    Community Team
    Forum|alt.badge.img+5
    • Liz
    • Tech Community Advocate
    • 15028 replies
    • October 11, 2021

    Thank you, @Murray ! I see the issue now - there’s just one item you need to fix. 

    If you grab the code directly from the builder, it looks like this: 

    <div data-tf-widget="qU2shQYU" data-tf-hidden="gclid=xxxxx" style="width:100%;height:400px;"></div><script src="//embed.typeform.com/next/embed.js"></script>

    Though, what you’re missing is the = sign after the “glicd.” You can remove the x’s, but you’ll need that equal sign to pass information. Let me know if that doesn’t work!

    Life is a series of awkward moments separated by snacks.
    john.desborough
    1 person likes this
    • john.desborough
      john.desborough
    picsoung
    Typeform
    Forum|alt.badge.img+5
    • picsoung
    • Developer Advocate @ Typeform
    • 390 replies
    • Answer
    • October 13, 2021

    Hey @Murray 
    If I understand correctly you want to pass to the embedded typeform the unique gclid value, is that correct?

    Because this value is generated by Google Analytics code for each visitor we would need a way to extract it and pass it to the embedded typeform.

    To do so we can’t just use the embed code provided in the Share panel or the Typeform Wordpress Plugin, we would need to create something custom using the Typeform Embed SDK.

    The code would look like this:

    Before </head> add

    <link rel="stylesheet" href=" https://embed.typeform.com/next/css/widget.css" />

    Then, where do you need your form to be embedded add:

    <div id="embeddedTypeform"></div>

<script src="//embed.typeform.com/next/embed.js"></script>

<script>
 let gclid = ga.getAll()[0].get('clientId');
 window.tf.createWidget('qU2shQYU', {
   container: document.getElementById('embeddedTypeform'),
   hidden: { gclid },
  })
</script>

    Let us know how if this works.

    The alternative and probably easier solution would be to use the Google Analytics integration

    Liz
    john.desborough
    2 people like this
    • Liz
      Liz
    • john.desborough
      john.desborough

    Reply


    Still need help?

    Don't be shy and ask the community.

    Ask your question here!
    Community T&Cs