Email Tracking

[Anonymous]

We are wanting to add the code shown below to track the emails. However, the company that provided the code told us that we need to "switch off CSS inlining" in Marketo prior to adding this code. This is because Marketo is removing most of the code and leaving only the last line. Please advise on how to "switch off CSS inlining" and make this work.

Below is the code we are trying to add to our emails:

<style>@media print{ #_t { background-image: url('https://pwej2oqz.emltrk.com/pwej2oqz?p&d={{lead.Email Address:default=noemail}}');}} div.OutlookMessageHeader {background-image:url('https://pwej2oqz.emltrk.com/pwej2oqz?f&d={{lead.Email Address:default=noemail}}')} table.moz-email-headers-table {background-image:url('https://pwej2oqz.emltrk.com/pwej2oqz?f&d={{lead.Email Address:default=noemail}}')} blockquote #_t {background-image:url('https://pwej2oqz.emltrk.com/pwej2oqz?f&d={{lead.Email Address:default=noemail}}')} #MailContainerBody #_t {background-image:url('https://pwej2oqz.emltrk.com/pwej2oqz?f&d={{lead.Email Address:default=noemail}}')}</style><div id="_t"></div>
<img src="https://pwej2oqz.emltrk.com/pwej2oqz?d={{lead.Email Address:default=noemail}}" width="1" height="1" border="0" />

[Anonymous]

I would like to start with a reminder: MS-Outlook does not render background images therefore <style>@media print{ #_t { background-image is not going to work regardless the way the email is defined. It is a known and documented limitation

http://www.campaignmonitor.com/css/

CSS are valuable for landing pages. They define font styles, colours and other properties once and then just referenced when needed.

Emails  need the styles defined for each element, such as

<td width="1" valign="top" bgcolor="#A8A8A8" style="border-collapse: collapse;"><img src="http://example.com/images/spacer2.gif" width="1" height="40" border="0" style="border: 0; display: block;"></td>

That sort of defintion is repeated for every element.

[Anonymous]

Adding some clarification to the question - the tracking code is for deliverablilty tracking via Litmus and not for image rendering. Litmus offers custom code for every email provider.  When we added thier code to a marketo email, marketo removed the majority of the link breaking the tracking.  Litmus suggested that we switch off CSS inlining to prevent this issue.  Suggestions on how to troubleshoot or resolve?

[Anonymous]

Are you trying to add it using the WYSIWYG editor in the email builder? Or are you adding it to the actual HTML template code in the email templates area of design studio?

[Anonymous]

Adding this to the HTML template code

[Anonymous]

Bummer--I guess I didn't realize that Marketo was automatically inlining CSS in email templates. That's definitely something I would like to have the ability to turn off.

So when you try to save the template, are you getting a popup that looks something like this: http://community.marketo.com/MarketoResource?id=kA650000000GuJ4CAK?

Do you hit "Automatic Fix" or "Cancel"?  Maybe the "Automatic Fix" bit is where it messes with your CSS? I get that error every once in awhile, and it's usually in relation to something I purposefully tried to include. When that's the case I usually click cancel.

[Anonymous]

The html template we have we are running through Litmus. This then prompts to add the code for tracking. We add this in Marketo. Copy and paste the html code with the Litmus tracking code and in Litmus receive a message saying that the code is not complete. After review, we see only the last line is present. Marketo removes most of the tracking code. We need to figure out how to stop Marketo from removing the code.

[Anonymous]

Having the same issues here - would love to get some clarification on that.

[Anonymous]

Was there a solution to this issue as I am having the same troubles now.

[Anonymous]

No solutions yet! Sorry.