UTM Tracking for Embeds, Signage, and CTAs

In this article, we will cover:

• Overview of UTM Tracking Codes
• How to add a UTM code to an embed
  • Passthrough
  • CTA button
• How to add a UTM code to a Display URL

Overview of UTM Tracking Codes

UTM codes are codes that Google Analytics uses to track campaigns and lead sources.

The UTM codes are:

• utm_source - This parameter identifies the source of the traffic, such as a search engine, social media platform, or email newsletter.

• utm_campaign - This parameter identifies the specific marketing campaign that the traffic is associated with.

• utm_medium - This parameter identifies the type of marketing medium used to deliver the traffic, such as organic search, paid search, email, or social media.

• utm_content - This parameter is optional and can be used to identify specific pieces of content within a marketing campaign.

• utm_term - This parameter is also optional and is used to track paid search keywords.

How to add a UTM code to an embed

You can add UTM codes to your embed code to make it trackable in GA.  First, you will need your embed.  Click here to learn how to do this. 

Now you have your embed code, you can add UTM parameters to your embed inside the <div> element.  

For example:

<script async src='https://www.tintup.com/app/dist/embedded.js'></script><div class="tintup" data-id="article_board" data-columns="" data-expand="true" style="height: 500px; width: 100%;" data-personalization-id="1095729" data-infinitescroll="true" data-utm-medium="embed page" ></div> 

This would add utm_medium to the iframe, which in turn would be tracked in analytics.

Passthrough

TINT embeds also support passthrough.

Data-utm-passthrough is a feature of some UTM parameter tagging tools that allows you to pass additional data through your UTM parameters. This can be useful for tracking additional information about your traffic, such as the visitor's location, device, or browser.

You can add data-utm-passthrough="true" to your TINT embed code. This will tell TINT to pass any UTM parameters that are present on the enclosing page down to the embed. This allows you to track the source, medium, campaign, content, and term of your traffic.

For example:

<script async src='https://www.tintup.com/app/dist/embedded.js'></script><div class="tintup" data-id="article_board" data-columns="" data-expand="true" style="height: 500px; width: 100%;" data-personalization-id="1095729" data-infinitescroll="true" data-utm-passthrough="true" ></div> 

CTA Buttons

You can also put UTM codes on our CTA buttons. For this, you would need to add data-append-utm-to-cta="true"

For example:

<script async src='https://www.tintup.com/app/dist/embedded.js'></script><div class="tintup" data-id="article_board" data-columns="" data-expand="true" style="height: 500px; width: 100%;" data-personalization-id="1095729" data-infinitescroll="true" data-append-utm-to-cta="true" ></div> 

How to add a UTM code to a Display URL

UTMs can be added as a URL parameter to any TINT Display URL.  For example: 

https://www.tintup.com/t/article_board?personalization_id=1093373&utm_source=docs

If you have any additional questions regarding UTM tracking codes, please contact Technical Support at support@tintup.com.