: Add UTM Parameters To External URLs With Google Tag Manager? Is it possible to append UTM parameters to outbound clicks on links using Google Tag Manager? I've found many tutorials explaining

@Caterina187

Following on from Adam Huffman's helpful answer above I tweaked this to append clientId using Tag Manager to force cross domain tracking to a 3rd party (Eventbrite)

</script>
// working for outbound eventbrite links on 11/05/2016
<script type="text/javascript">
// Set the domain/URL to your website.
// var myDomain = "www.example.com";
// Or set domain to detect to Eventbrite
var myDomain = "www.eventbrite.co.uk";
// Grab all links (anchor tags)
var links = document.getElementsByTagName('a');
// Loop through all links
Array.prototype.forEach.call(links, function (link) {
// If we find a link that does not go to my domain
// if ( link.href.indexOf(myDomain) > 0 ) {
// Or
// if we find 1 or more links that go to Eventbrite specifically
if ( link.href.indexOf(myDomain) >= 1 ) {
// Take the href and append the required ?_eboga parameters
// ?_eboga prepend appears to work if only single parameter
// tested using & as some URLs already have page/ticket type parameters being passed
// then adding clientId recorded as a variable in Tag Manager
link.href += '&_eboga=' +{{clientId}};
}
});
</script>


Sorry about the messy formatting, first time posting here and not a coder.
but having searched for this a lot I know a lot of people struggle with Eventbrite cross domain tracking and I thought this might help to show an example of this with an alternative use.

Now Eventbrite are rolling out universal analytics cross domain tracking is possible if you adapt the method shown here for UTM campaign parameters and flip it on its head to append their custom value + clientId when outbound link = eventbrite

Vote Up Vote Down

@Shakeerah822

Assuming that you want all outbound links to have the UTM parameters; I would suggest creating a Custom HTML Tag with the following JavaScript.

<script type="text/javascript">
// Set the domain/URL to your website.
var myDomain = "www.example.com";
// Grab all links (anchor tags)
var links = document.getElementsByTagName('a');
// Loop through all links
Array.prototype.forEach.call(links, function (link) {
// If we find a link that does not go to my domain
if ( link.href.indexOf(myDomain) < 0 ) {
// Take the href and append the UTM parameters
link.href += '?utm_source=CampaignSource&utm_medium=CampaignMedium&utm_term=CampaignTerm&utm_content=CampaignContent&utm_campaign=CampaignName';
}
});
</script>


It will loop through all links and append UTM parameters if the link goes to a destination outside of your domain. It is primitive and is only checking to see if your domain is in the URL so www.another-example.com/www.example.com would not have the UTM parameters added to it.

Here is an example in a codepen.

If you have any questions please let me know.

Vote Up Vote Down