HandL UTM Grabber / Tracker: Integrations

By Haktan Suren, PhD
In Blog
Apr 10th, 2016
102 Comments
60531 Views

HandL UTM Grabber / Tracker is a unique WordPress plugin for storing, tracking and using UTM variables on any pages, posts and custom posts with ease. Unique shortcodes feature of each individual UTMs allows you to pass the information specifically to your email marketing tools (CRM).

HandL UTM Grabber integrates with ANY email forms and email marketing tool. I will just give some examples on this page about how you can get the most benefit from the plugin by integrating the email marketing tool of your choice. Feel free to comment under this post, if you could not find the tool you work with and want me to publish tutorial about it.

WARNING: Tutorials below assumes you are having the latest version of the plugin. Please download the latest from here before you start.

Contact Form 7

CF
According to feedback I’ve received, CF7 is the most integrated tool with HandL UTM Grabber. Follow this simple step to integrate in seconds.

First we are adding the shortcodes in your form.

[[utm_campaign_i]<input type="hidden" name="utm_campaign" value="%s" />[/utm_campaign_i]]

[[utm_source_i]<input type="hidden" name="utm_source" value="%s" />[/utm_source_i]]

[[utm_medium_i]<input type="hidden" name="utm_medium" value="%s" />[/utm_medium_i]]

[[utm_term_i]<input type="hidden" name="utm_term" value="%s" />[/utm_term_i]]

[[utm_content_i]<input type="hidden" name="utm_content" value="%s" />[/utm_content_i]]

[[gclid_i]<input type="hidden" name="gclid" value="%s" />[/gclid_i]]




Here is what it looks like:

CF7 - UTM Fields in form


And then, to include the new inputs in the email


Campaign Name:
[[utm_campaign]]

Campaign Source:
[[utm_source]]

Campaign Medium:
[[utm_medium]]

Campaign Term:
[[utm_term]]

Campaign Content:
[[utm_content]]

Gclid:
[[gclid]]



Here is what it looks like:

CF7 - UTM Fields in mail


Gravity Forms


gravity-forms


First add your hidden element on your form, give any name for your label. Click “Advanced” tab and check “Allow field to be populated dynamically” and use the shortcode in “Parameter Name”


Here is what it looks like:

Gravity Forms - Add Form Field


WordPress-to-lead for Salesforce CRM


Salesforce-logo


Add your field in sales force plugin and check “Enabled”, select field type as “Hidden” and use the shortcode in “Value”


Here is what it looks like:

salesforce-field


Ninja Forms


ninja-form

Add your hidden field into your form. And expand “Advanced Settings” and put “utm_campaign” or other shortcodes (without wrapping it in bracket) in Custom CSS Classes and hit “Save”.


Here is what it looks like:

ninja-forms-field


ActiveCampaign


Active Campaign


Using Embed Code


If you are using embed code directly in your WordPress post, you need to modify the fields accordingly.


Here is an example for you:


<div class="_form_element _field12 _full_width "><input name="field[12]" type="hidden" class="utm_source" /></div>
<div class="_form_element _field13 _full_width "><input name="field[13]" type="hidden" class="utm_medium" /></div>
<div class="_form_element _field14 _full_width "><input name="field[14]" type="hidden" class="utm_campaign" /></div>
<div class="_form_element _field15 _full_width "><input name="field[15]" type="hidden" class="utm_term" /></div>
<div class="_form_element _field16 _full_width "><input name="field[16]" type="hidden" class="utm_content" /></div>
Tagged:

About the Author

Haktan Suren, PhD
- Webguru, Programmer, Web developer, and Father :)

Related Posts

Zapier for Contact Form 7: UTMs & lead tracking (step-by-step)

Google Analytics: Uncaught ReferenceError: jQuery is not defined

How to pass UTMs to ActiveCampaign

Contact Form 7 UTM tracking

102 Responses to “HandL UTM Grabber / Tracker: Integrations”

  1. HandL UTM Grabber - Haktan Suren says:
    April 10, 2016 at 2:34 PM

    […] 2. Submit UTM variables into your favorite email marketing tools (Lead Tracking) Very detailed information and integration tutorials with major marketing tools (ActiveCampaign, Vero, Aweber) and other WP plugins (Contact Form 7, Gravity Forms, WordPress-to-lead for Salesforce CRM, Ninja Forms) can be found here […]

    Reply
  2. Nancy says:
    August 19, 2016 at 1:09 PM

    I am looking for how to pass the parameters to an ActiveCampaign form. Can you please help?

    Reply
  3. Matteo says:
    April 7, 2017 at 5:15 PM

    I’m having a problem getting the code to work, I’ve added the code as covered above in contact form 7 but the utm fields are just blank hee is an example of the form along with a utm to test it https://www.attentiontodetailmoving.com/services/free-estimate/?utm_source=Testing&utm_medium=email&utm_campaign=10off&utm_term=relocate please let me know how any suggestions it.

    Reply
  4. Matteo says:
    April 7, 2017 at 5:46 PM

    Yes, I use W3 total cache just for caching and minify via cloudflare.

    Reply
  5. Hartmut Schwensen says:
    April 13, 2017 at 7:36 AM

    Can I also add “gclid” or any of the other sources to the salesforce plugin or is limited just to “utm_source”?

    Reply
  6. Sunder says:
    May 26, 2017 at 11:37 AM

    Hey Mate,

    I am not able to make your plugin work with Active Campaign. I am putting this code that you have mentioned above but when Lead is Registered I am not able to see any extra information apart from Name and Email. Am I missing something?

    Reply
  7. kính says:
    May 26, 2017 at 12:28 PM

    in Ninja Form

    Custom CSS Classes

    utm_source,utm_campaign

    Do you know writer this right or wrong ?

    If Wrong, how to fix ? tks

    Reply
    • Haktan Suren, PhD Haktan Suren says:
      May 26, 2017 at 12:42 PM

      Hi kinh, I am not sure if I understand your question correctly. If you are using those CSS classes, the fields will be auto-filled with the right UTM parameters. Let me know if this answers your question though.

      Reply
      • kính says:
        May 26, 2017 at 10:11 PM

        In Ninja Form Custom CSS Classes

        I feel very difficulty when i wrote it

        I write so right (1) or (2)

        1) utm_source,utm_campaign;utm_content

        2) utm_source;utm_campaign;utm_content

        How will you writer the form?

        Reply
        • Haktan Suren, PhD Haktan Suren says:
          May 27, 2017 at 2:55 PM

          Neither of them correct.
          You should create separate fields for each UTM parameters and then use single class name. For example if you created a field for UTM campaign, class name should be utm_campaign.

          Reply
  8. Manuel says:
    June 2, 2017 at 3:57 PM

    Hi! I love your work, thank you!

    Can you help me integrate it with Caldera Forms?
    Creating a hidden field with the value [utm_campaign] does not work…

    Thanks so much!
    Manuel

    Reply
  9. Rob Yorke says:
    June 29, 2017 at 10:19 AM

    Hi,

    I’ve dropped this into my platform and it’s capturing the obvious things like gclid landing page, ip etc but none of the utm information sich as capmain, keyword etc.. Do you know where I can look to open this up into WordPress?

    Thanks

    Reply
  10. Hung Le says:
    July 11, 2017 at 11:12 PM

    Hello,

    I have error with plugins

    PHP message: PHP Warning: Missing argument 4 for handl_utm_nav_menu_link_attributes() in public_html/home/wp-content/plugins/handl-utm-grabber/handl-utm-grabber.php on line 171

    Can you guide me fix that?

    Thanks you

    Reply
  11. Nick says:
    September 3, 2017 at 11:22 AM

    I’ve mentioned this on the Slack channel, but a Mautic Form solution would be great please!

    Thanks

    Nick

    Reply
  12. Nick says:
    September 19, 2017 at 11:57 PM

    Hi Haktan,

    I have had no response on Slack. Any ideas? I am using this with Thrive Leads

    Reply
  13. tal says:
    October 2, 2017 at 1:53 PM

    I have the same isue like imedia
    there is any news for new version of ninjaform?

    Reply
  14. LDL says:
    December 22, 2017 at 8:25 PM

    hello, thanks for the plugin, I was wondering if there’s any way I can take the captured GCLID and create a QR code with it so that I can send the QR code as a response to the filled form. With that the client can come in store and I can easily scan it and import it as a conversion in adwords. Thank you!

    Reply
  15. AD says:
    January 16, 2018 at 9:28 AM

    Hi,

    i’m using gravity forms on my site and have added hidden fields with the UTM variables in them. When i submit though, the variable details do not show up in my entries. Can you please help here?

    https://www.hingepoint.com/contact-hingepoint-dallas-systems-consulting/

    Thanks,
    AD

    Reply
  16. Angeline Mendoza says:
    April 19, 2018 at 12:53 AM

    Hi,

    Can handl_original_ref and handl_landing_page be captured as well by using the shortcode in Contact Form 7? I tried it and other fields like gclid, utm_source, etc. gets captured but not the landing page and original ref. Thank you.

    Reply
  17. Contact Form 7 UTM tracking with HandL UTM Grabber - Haktan Suren says:
    June 23, 2018 at 11:39 PM

    […] on your Contact Form 7 plugin in WordPress? You are at the right place… If not, please check Handl UTM Grabber Integrations/ page for other plugin (e.g. Gravity Form, Ninja Form and more) […]

    Reply
  18. Scott says:
    July 10, 2018 at 2:52 PM

    Hi, Thanks for the plugin!

    I have implemented your plugin on this site https://www.alwaysbestcare.com/franchising/ to capture our PPC campaign lead data. The site uses WordPress and ContactForm7.

    The problem is that it’s not pulling the UTM data into the emails.

    Here is what I have in the form…

    [text* fname placeholder “First Name”]
    [text* lname placeholder “Last Name”]
    [email* email placeholder “Email Address”]
    [tel* phone placeholder “Telephone Number”]
    [text* zip placeholder “Desired Zip Code”]
    [recaptcha id:cont-captcha class:cont-form-capt]
    [utm_source_i][/utm_source_i]
    [utm_medium_i][/utm_medium_i]

    [submit class:btn “SUBMIT”]

    Here is what I have in the “Mail Message Body”…

    Hi

    First Name: [fname]
    Last Name: [lname]
    Email: [email]
    Phone: [phone]
    Zip: [zip]

    Campaign Source: [utm_source]
    Campaign Medium: [utm_medium]

    Am I missing something here? Any help you can provide would be appreciated.

    Thanks.
    Scott

    Reply
  19. Nazrin Noorzan says:
    August 6, 2018 at 3:12 AM

    Anyone have try it with wpforms?

    Reply
  20. Kobi says:
    August 19, 2018 at 8:14 AM

    Hello,

    I have installed this plugin on our website, integrated with JotForm, and the result was no less than amazing!

    BUT, we have an issue – that another JavaScript stop working:
    This is the Credit Card popup that we are using.
    The javascript starts with: <a href="javascript: (function(){try{var …..

    After the installation of your plugin, something is happening and the code gets an additional " after the javascript: which result in:
    <a href="javascript:" (function(){try{var ….

    Original: <a href="javascript: (function(){try{var
    Changed: <a href="javascript:" (function(){try{var

    This additional " is killing the javascript code so we can't charge our clients unless we deactivate your plugin.

    Any ideas on how to solve it?

    Reply
  21. Kobi says:
    August 21, 2018 at 7:52 AM

    Hi,

    Did you org my message or can you send me the link to my email ?

    Thanks

    Reply
  22. How to pass UTMs to ActiveCampaign - Haktan Suren says:
    September 1, 2018 at 8:36 PM

    […] to pass UTM parameters to ActiveCampaign. Although there is no straightforward answer and may have several different ways to do it. Here, I’ll give a step-by-step tutorial about the vanilla way – using the […]

    Reply
  23. Jon says:
    September 12, 2018 at 10:45 AM

    Hi.. after a day of work and success this morning plugin has gone wrong.

    You mention on a previous comment that Rocket Loader has caused issues in the page. (It’s the caching plugin that comes with CloudFlare).

    I turned rocket loader back on last night after getting a working setup (I normally turn Rocket Loader off when working on the site). Then this morning I noticed the UMT script no longer works.

    Despite turning it off, and refreshing WP caches everywhere, turning other plugins on and off and even loading a full site backup from yesterday your script is no longer grabbing the UMT data.

    I’m not sure what else would have caused the issue.

    It could be human error by me, but I’m a bit stuck.

    Tricky if that is the case as Rocket Loader really improves our loading speeds a lot.

    Has anyone else had issues in the past 24 hours?

    I’ve included a link to a test page in the website field below when sending this comment.

    Reply
  24. William Kunhardt says:
    February 14, 2019 at 10:09 AM

    Hey Haktan,

    Thanks for making this plugin, it looks amazing! Do you know if anyone has successfully integrated it with Divi’s opt in forms? I’m very new to this, but am trying to capture UTM data then send it to mailchimp, via Divi’s inbuilt optin form. I’m struggling to know what to do so any help you can give me would be massively appreciated!

    Thanks, Will

    Reply
  25. Tim says:
    March 19, 2019 at 10:55 PM

    Hi – when someone registers their details via the website for http://www.tempusestate.com.au/register/ we need this then populated into salesforce. After installing and updating code, there still seems to be no tracking of UTM codes on Salesforce.

    Please see screenshots of code applied to form:

    https://pasteboard.co/I6eNM1k.png
    https://pasteboard.co/I6eNXNj.png

    Reply
  26. Tim Sedgwick says:
    March 20, 2019 at 3:28 AM

    Hi my UTM codes aren’t being tracked and firing in Salesforce but UTM codes come through from contact form 7 mail

    Reply
  27. Eli says:
    April 1, 2019 at 4:07 PM

    Is there a way to test to make sure that this is working properly?

    Reply
  28. Byron says:
    May 2, 2019 at 1:22 PM

    Hi Haktan,
    We have installed the plugin and are using it on a link on our site. It is working as expected, but only when the user is logged in wp as an admin. Is there something we can modify so any visitor to the site can be tracked?

    Reply
  29. Miguel says:
    August 2, 2019 at 2:54 AM

    Hi!
    I am wondering which is the best way to have these params in the WP plugin Bookly.
    Do you have any example?
    Many thanks in advance,
    Regards
    Miguel

    Reply
  30. Cristopher Garrido Martell says:
    August 30, 2019 at 10:18 AM

    Hi, i want to connect UTM hand to Hubspot, I have created the fields so that they have where to keep (in hubspot), but I am not sure how to send them from contact form7

    Reply
  31. Susheel says:
    November 14, 2019 at 1:20 AM

    Thanks for this very useful plugin. I am using this for the last 1 month with contact form 7. The only problem that I am facing is that I am unable to set default UTM parameters values.

    Case 1
    My tracking url is http://www.xyz.com?utm_source=google_campaign
    As soon as person submit the form using the above tractable URL, we can see UTM Source was – google campaign.

    This is what I want to achieve in Case 2
    My tracking url is http://www.xyz.com
    As soon as person submit the form using the above without tractable URL, we can see UTM Source in the form – google campaign (default value).

    So, basically is there a way to configure it like – If utm value is not present in the url, use default value.

    Please suggest.

    Reply
  32. Paula says:
    November 20, 2019 at 3:17 PM

    Hola excelente articulo, solo una pregunta,

    ¿puedo crear utm diferentes a las que ya existen para traer el campo ejemplo utm_ciudad ?

    Reply
  33. Eduardo Almeida Araújo says:
    May 12, 2020 at 9:27 AM

    Hi,

    I’m using SmartTheme (its a theme from OptimizePress plugin), and it has a integration to use native optinforms in the posts. I use this integration with activecampaign.

    I would like to know from witch URL the LEAD came from, that is possible?

    Reply
  34. Juan Camilo Canal says:
    August 29, 2020 at 11:42 PM

    Hi! Is it possible to make it work with hidden fields in woocommerce fields with this plugin? https://www.themehigh.com/product/woocommerce-checkout-field-editor-pro/

    Reply
  35. any says:
    September 11, 2020 at 2:27 AM

    Step for create zaiper hook

    Reply
  36. Joel says:
    September 21, 2020 at 4:49 AM

    Hi

    I am using WP Forms, do you have instructions for this plugin as well?

    I have tried adding the Default valie as [utm_source] and have also tried adding the custom CSS class as: utm_source without the wrappers, but neither of these work.

    What might I be doing wrong?

    Reply
  37. Joel says:
    September 21, 2020 at 5:07 AM

    Hi

    I am using WP Forms, do you have instructions for this plugin as well?

    I have tried inserting the shortcode [utm_source] in the Default Value in the Hidden field, I have also tried adding: utm_source to the Custom CSS class field. Neither is working. Do you have suggestions for how to make it work?

    Thank you for the help.

    Joel

    Reply
  38. Pawas Gupta says:
    January 10, 2021 at 3:36 AM

    Hi, in the contact form 7 shortcode shared all “&amp;lt;” and &amp;gt; to be replaced by “”.

    Reply
  39. Winnie says:
    February 2, 2021 at 6:26 AM

    Hi, thanks for the plugin, it’s good to be able to track where the leads are coming from.

    However i’d like to check, what’s the name of the cookies that you save in the browser?

    Also, how long will the cookies be valid?

    Thanks
    Winnie

    Reply

Wrap your code in <code class="{language}"></code> tags to embed!

Leave a Reply

E-mail address is required for commenting. However, it won't be visible to other users.

Loading Facebook Comments ...
Loading Disqus Comments ...
Bioinformatics
Installing R package from the source
Installing R package: Fixing package ‘xxx’ is not available (for R version x.y.z ...
Building a BLAST database with local sequences : makeblastdb
© Haktan Suren. All rights reserved.