Track UTM Parameters in Your KlickTipp Sign-Up Forms

UTM parameters are an essential tool for tracking the performance of your online marketing campaigns. By understanding which sources, media, or campaigns drive the most traffic and conversions, you can make data-driven decisions.

In this guide, you’ll learn how to seamlessly integrate UTM parameter tracking into KlickTipp sign-up forms for precise campaign analysis. In this guide, you will learn how to automatically capture and effectively analyze UTM parameters with a KlickTipp sign-up form.

UTM parameters can be used seamlessly with tools like Google Analytics. This allows you to segment traffic and obtain meaningful reports.

Using Thrive Architect as an example, we will show you how you can query a UTM parameter via a KlickTipp registration form. The registration form is integrated and configured in WordPress using Thrive Architect. Only the email address is requested on the website. The field for the UTM parameter remains invisible. The UTM parameter is automatically read from the URL and transferred to the corresponding field.

Do You Already Know Them?

The Most Important UTM Parameters

  • utm_source: Identifies the source (e.g. Google, newsletter, Facebook).
  • utm_medium: Specifies the medium (e.g. CPC, social, email).
  • utm_campaign: Identifies the campaign (e.g. summer campaign 20xx).
  • utm_term (optional): Used for search terms in paid ads.
  • utm_content (optional): Differentiates between content (e.g. different CTAs).

Step-By-Step Instructions

Procedure in KlickTipp

  • First create an additional data field of type → Row. You can find out how this works in the article Using additional master data fields.
  • If you want to query the UTM parameter "utm_medium" (e.g. CPC, social, email), it is best to give the field the same name.
  • Create a RAW form by clicking on → New list building in the menu under → List building . Then select the → RAW registration form tile.
  • In addition to the email address, add another field for the UTM parameter. Select the previously created field.
  • Click on the drop-down menu of the field in the registration form and activate the → Hidden option.
  • Save the changes by clicking on → Save .
  • Click on the → Embed code button. Copy the code by clicking in the code field and right-clicking → Copy .

Steps in Thrive Architect

  • Open the editing dialog for your optin form that you created with Thrive Architect.
  • Go to → HTML code and paste the copied code from your clipboard. To do this, right-click in the field and select → Paste.
  • Click on → Generate Form to update the registration form.
  • Under → Hidden Fields you will find an entry on the left in the form → fields[field123456]. The number shows the ID of the field in KlickTipp and belongs to the hidden field for the UTM parameter.
  • Click on the pencil icon of the entry on the right to open the autofill settings.
  • Select the → URL QueryString option from the drop-down menu
  • Enter the name of the UTM parameter under → Variable Name . In this example, this is → utm_medium.
  • Finally, click on → Apply and save the page by clicking on → Save Work.
  • To ensure that the UTM parameter is automatically entered in the field, add a suitable example value for the parameter to the URL. Use the test URL provided by the prompt and replace your regular web address and add a suitable test value to the parameter.

Universal Creation of a Sign-Up Form with UTM Parameters

For example, if you use WordPress without a plugin like Thrive or create your site with another system, you can easily generate the required HTML code with ChatGPT.

  • First go through all the steps described above in KlickTipp.
  • Then paste the copied code into ChatGPT and use a special prompt to create the appropriate code to query the UTM parameter.
  • Use this prompt:
Hello ChatGPT, I have an HTML form that 
I use on my website to collect information. 
I would like to customize this form so that 
it reads attached parameters from the URL 
and automatically inserts them into the hidden input fields of my form 
and sends the data to my system (KlickTipp) when submitted. 
Can you provide me with the HTML code and the corresponding JavaScript 
to implement this functionality? 
I also need an example of how to encode 
the individual parameters for a test entry. Thank you very much!
Kopieren

Important to Know

The prompt gives you a possible approach to code generation.
Since AI code does not always work perfectly right away, please test it thoroughly before using it further.

  • Paste the copied HTML code from KlickTipp after the three dashes and let ChatGPT process the code. Then wait for the customized code output.
  • Copy the finished code to your clipboard and paste it on your website where you want the registration form to appear.
  • As with the Thrive method, the field for the UTM parameter remains invisible and works as usual for the login.
  • In both cases, the value of the UTM parameter is automatically transferred to the corresponding field in the contact in KlickTipp.

Whether you use Thrive Architect or a standard HTML form, the UTM parameters will automatically be transferred to the correct field in your KlickTipp contact.

With UTM parameters integrated into your KlickTipp sign-up forms, tracking campaign performance becomes effortless. Start optimizing your marketing strategy today and take your campaigns to the next level. Happy tracking!

Did this post help you?

Back to overview: Sign-Up Forms

Related Posts: