Custom CTA module - Outlook removes UTM

[JLetellier]

Good morning,

We've created a custom module for buttons that keep the style in we want in Outlook, but we are losing the automated UTMs. I am not sure what is causing this, as the UTMs are there when looking via a different ESP. 

Are there different parameters that we should be implementing in the custom module that makes sure that we do not lose the style nor the automated UTMs. 

Thanks in advance

Jason

[JTBuys · Accepted solution]

@JLetellier, to confirm, are you saying that the same custom module retains UTMs for other ESPs?

If that is the case, I think there are two possibilities:

1. Outlook is stripping the UTMs from the URL. This could be due to the Outlook account configuration or a firewall or security layer. You will likely not be able to fix this.
2. The code used for Outlook buttons is not supported by HubSpot's automatic UTM tracking tool. For instance, in the code below for a rounded outlook buttton, the href is applied to the VML object. Unless HubSpot is applying UTM parameters to all href attributes, then this button may not receive the UTM parameters. I'm not certain if this is occurring because the HubSpot KB documentation doesn't specify how it applies UTM parameters.

<!--[if mso]> 
        <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="{{ content.link.href }}" style="v-text-anchor:middle;width:{{styles.mso_width}}px;height:{{styles.mso_height}}px;" stroked="{{mso_stroked}}" stroke="{{mso_stroked}}" {{'strokeweight="'+mso_stroke_weight+'"' if mso_stroke_weight}} {{'strokecolor="'+mso_stroke_color+'"' if mso_stroke_color}} {{'arcsize="'+arc_size+'%"' if arc_size}} fillcolor="{{styles.accent_color.color if styles.button_style == "solid" }}"> 
          <w:anchorlock /> 
          <center style="cursor:auto;{{padding if padding}}{{"background-color:"+styles.accent_color.color if styles.button_style == "solid"}}{{ button_font }}font-family: 'Montserrat', sans-serif;">
            <span style="{{ button_font }}font-family: 'Montserrat', sans-serif;">{% inline_text field="button_text" value="{{ content.text }}" no_wrapper=true %}</span>
          </center> 
        </v:roundrect>
      <![endif]-->

Can you share the markup for your custom button module? Or confirm how the button is being rendered for outlook?

[JLetellier]

That is correct. The automated HS UTM parameters are generated for the links but not when clicking the links in Outlook.

[kennedyp]

Hey @JLetellier-- I understand your custom module seems to be stripping tracking parameters from the links in buttons, right? This similar thread has some alternative methods for tracking links in custom modules. 

I also want to invite some subject matter experts to see if they have any suggestions.

Hey @Assy, @evaldas, @JTBuys do you have any similar experiences or workarounds?

Best, 
Kennedy