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" />

[Paul_Hughes]

I am presently going through this issue right now, and I appreciate the feedback from both Gennadiy B and Samantha W. 

It is unfortunate that the Marketo representative in this thread (Breno Gomes) provided feedback that was a criticism of the Litmus tracking code itself, rather than giving constructive feedback as to how one might approach this problem. His comment was completely unhelpful.

[Anonymous]

Yes I have found the Litmus support to be fantastic.  The response I got from them was:

"If you leave off the CSS, this will prevent the activity tracking for prints/forwards from coming through. You'll still see engagement and email client stats in your reports, however print/forwards will be omitted. As long as the tracking image itself is in the body of your email, then you'll receive the engagement/client data."

As a result of that information, I simply adding the img tag and left out the style information.

[Anonymous]

I went through this process with Litmus and was able to add its code to the HTML email template in Marketo's template section (under the Design tab). I remember there were some minor problems, but overall the code worked fine. If I remember correctly, the only Litmus option that was unavailable as a result was ability to track forwards and printing, or something minor to that extent.

I've raised this issue with Marketo on several occasions - please allow to turn off your wysiwyg on a per-user basis. They are completely uncooperative, stubborn, oblivious, and deaf to these requests. They believe they know better by forcing their wysiwyg to those who don't want it. 

On the other hand, Litmus support was absolutely fantastic in helping with this issue.

Good luck!

[Anonymous]

No solutions yet! Sorry.

[Anonymous]

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

[Anonymous]

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

[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]

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]

Adding this to the HTML template code

[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 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]

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.