Jotform: Setup UTM parameter Tracking

You can use our AFL UTM Tracker plugin to capture dynamic UTM parameters for your Jotform embedded into your WordPress pages.

Minimum Requirement

• AFL UTM Tracker v2.23.0
• JotForm Javascript Embed
• WordPress v5.0.0

Steps

Let’s summarize the steps to populate the UTM parameters into your Jotform.

1. Enable the “Javascript Merge Tag” feature under the AFL UTM Tracker plugin settings.
2. Create Hidden Fields on Jotform.
3. Get your Jotform Embed Code.
4. Use our Appfromlab HTML Code.
5. Paste our HTML Code in your WordPress page.
6. Test your Jotform.
7. View your Jotform submission.

1. Enable the Javascript Merge Tag feature

You will utilize our Javascript Merge Tag feature to populate the UTM parameters into the Jotform hidden fields.

1. Login to your WordPress Admin dashboard.
2. Go to AFL UTM Tracker > Settings page.
3. Under Attribution section, enable the Javascript Merge Tag feature.
4. Save settings.
5. Clear all page cache from your caching plugin.

2. Create Hidden Fields on Jotform

1. Login to your Jotform account.
2. Go to the Form Builder.
3. Add a Short Text field.
   • Field Label: Last UTM Source
   • Advanced > Hide Field.
   • Advanced > Field Details > Unique Name: utm_source
4. Add a Short Text field.
   • Field Label: Last UTM Medium
   • Advanced > Hide Field.
   • Advanced > Field Details > Unique Name: utm_medium
5. Add a Short Text field.
   • Label: Last UTM Campaign
   • Advanced > Hide Field.
   • Advanced > Field Details > Unique Name: utm_campaign
6. Add a Short Text field.
   • Field Label: Last UTM Term
   • Advanced > Hide Field.
   • Advanced > Field Details > Unique Name: utm_term
7. Add a Short Text field.
   • Field Label: Last UTM Content
   • Advanced > Hide Field.
   • Advanced > Field Details > Unique Name: utm_content

NOTE: Make sure that you have enable the Hide Field option.

3. Get your Jotform Embed Code

1. Go to the Jotform > Form > Publish tab.
2. On the side menu, click on the Embed.
3. Copy your Jotform Embed Code (you will be using this in the next step).

4. Use our Appfromlab HTML Code

We will be using our HTML wrapper to surround the Jotform Embed Code.

1. Replace Line 3 with your Jotform Embed Code.
2. On Line 2, paste your Jotform Embed Code src=”” value into the data-afl_utm_src=”” attribute.
3. Copy the HTML code (you will be using this in the next step).

HTML Code

5. Paste our HTML Code into your WordPress page

1. Login to your WordPress admin dashboard.
2. Edit your Contact Form page.
3. Add a “Custom HTML” block.
4. Paste the Appfromlab HTML Code from the previous step into the block.
5. Save page and clear page cache.

6. Test your Jotform

1. Generate your UTM tracking URL.
2. Visit your UTM URL in private-browsing mode to simulate a new visitor.
3. Submit the form.

7. Check your Jotform Submission

1. Go to your Jotform account.
2. Go to your Form > View Submissions.
3. View the submission.