?
Solved

Constant Contact tracking image causing gap at top of html emails

Posted on 2009-07-01
8
Medium Priority
?
703 Views
Last Modified: 2016-03-18
We are using Constant Contact, building a custom html email and have pasted the code into the advanced editor section.

When we send out a test email, the top of the email actually begins about 1 inch down from the top when viewed in Outlook.

That 1 inch gap at the top is caused by Constant Contact's automatic insertion of a tracking image - an image that when the recipient opens the email, it is recorded at Constant Contact.

Here is the code for your reference of that code that is auto-inserted by CC when the email is sent (see code)

Is there a way to tell CC NOT to insert this code? It is breaking our html email.

Or perhaps it can be configured to instead insert it at the very bottom of the email?

Anyone else run into this? Any solutions?

Thanks experts!
<img alt=" " height="1" src="http://rs6.net/on.jsp?t=1102201804531.0.1011306087038.0&o=http://ui.constantcontact.com/images/p1x1.gif" width="1"/>

Open in new window

0
Comment
Question by:rascal
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 4
  • 4
8 Comments
 
LVL 31

Expert Comment

by:gwkg
ID: 24779824
Have you tried contacting Constant Contact?  They have live chat and a toll free number for support.

http://ui.constantcontact.com/support/index.jsp?content=options.jsp


0
 
LVL 1

Author Comment

by:rascal
ID: 24809581
I did:
CC: If you don't want to link text, then don't surround it with <a> tags.
ME: ??WHAT?? did you even read my question?
CC: CC does not insert this code.
ME: Yes it does (demo follows)
CC: Oh, ok. This code does not cause a problem though.
ME: Yes it does (demonstration)
CC: Oh, ok. We'll get back to you.
ME: Yeah right - that was days ago....
To all web designers and developers - if a choice between iContact and Constant Contact, choose iContact if you don't want the CC auto-inserted link tracking code to break your html.
0
 
LVL 31

Accepted Solution

by:
gwkg earned 1500 total points
ID: 24812352
I usually give it one, or even two more tries with customer service just to make sure it wasn't an isolated rep that was clueless, but nothing aggravates me more than having conversations with customer service like the one you had.

Is it possible to look at the html of your email?  Maybe there is a way to hide that tracking pixel through the style sheet.

http://www.constantcontact.com/aka/docs/pdf/AdvancedFeatures.pdf
0
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

 
LVL 1

Author Comment

by:rascal
ID: 24819875
That may be possible, I tried adding a style for img that made it invisible, but that didn't help. I am inclined to think it may be related to some other aspect of the cc-inserted code. Here is the html that gets sent to the client. Note the <img> tag immediately following the <body> tag. That is the tag that is causing the gap.

<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:cctd="http://www.constantcontact.com/cctd">
<head>
<base href="http://www.luminositymarketing.com/enewsletter/" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Luminosity Marketing E-Newsletter</title>
<style type="text/css">
<!--
html {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-color:#efecea;
}
 
-->
</style>
</head><body><img alt=" " height="1" src="http://rs6.net/on.jsp?t=1102629588287.0.1011306087038.0&o=http://ui.constantcontact.com/images/p1x1.gif" width="1"/>
 
<center>
  <table width="577" border="1" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">
    <tr>
      <td width="577" align="left" valign="top">&nbsp;</td>
    </tr>
  </table>
</center>
<br/>
<table bgcolor="#ffffff" padding="0" width="100%"><tr align="center"><td><table bgcolor="#ffffff" width="595"><tr><td colspan="2"><font face="verdana,arial" size="1"><b><a href="http://ui.constantcontact.com/sa/fwtf.jsp?m=1011306087038&ea=mfindlay%40speakeasy.org&a=1102629588287&id=preview" style="color: #0000ff;" target="_blank">Forward email</a></b></font><br/>
<br/>
</td></tr>
<tr><td><font face="verdana,arial" size="1"><FooterContent><a href="http://visitor.constantcontact.com/d.jsp?p=un&v=001SXjH9_45WOEyk5YnivJHRoNNC-ir0Vt8c49vnR83aTEe1eqjj5aG1re9rjiokBr_OVsHmwreU06rxYVjStq4rfHcU-JpDP0n&id=preview.1011306087038" target="_blank"><img alt="Safe Unsubscribe" border="0" src="http://img.constantcontact.com/letters/images/safe_unsubscribe_logo.gif"/></a>
<div>This email was sent to mfindlay@speakeasy.org by <a href="mailto:mfindlay@speakeasy.org" style="color:#0000ff;">mfindlay@speakeasy.org</a>.</div>
<div><a href="http://visitor.constantcontact.com/d.jsp?p=oo&v=001SXjH9_45WOEyk5YnivJHRoNNC-ir0Vt8c49vnR83aTEe1eqjj5aG1re9rjiokBr_OVsHmwreU06rxYVjStq4rfHcU-JpDP0n&id=preview.1011306087038" style="color:#0000ff;" target="_blank">Update Profile/Email Address</a> | Instant removal with <a href="http://visitor.constantcontact.com/d.jsp?p=un&v=001SXjH9_45WOEyk5YnivJHRoNNC-ir0Vt8c49vnR83aTEe1eqjj5aG1re9rjiokBr_OVsHmwreU06rxYVjStq4rfHcU-JpDP0n&id=preview.1011306087038" style="color:#0000ff;" target="_blank">SafeUnsubscribe</a>&trade; | <a href="http://ui.constantcontact.com/roving/CCPrivacyPolicy.jsp?id=preview" style="color:#0000ff;" target="_blank">Privacy Policy</a>.</div></FooterContent></font>
</td>
<td><font face="verdana,arial" size="1"><FooterLogo><div style="word-wrap:normal;color:#666666;padding-bottom:5px;"><a href="http://www.constantcontact.com/index.jsp?cc=custom01" style="text-decoration:none;color:#666666;" target="_blank">Email Marketing</a> by</div><a href="http://www.constantcontact.com/index.jsp?cc=custom01"><img border="0" src="http://img.constantcontact.com/letters/images/cc-logo-color-sm.gif"/></a></FooterLogo></font>
</td>
</tr>
<tr><td colspan="2"><font face="verdana,arial" size="1"><br/>Sage Computer Services | 8717 31st Ave NW | Seattle | WA | 98117</font>
</td>
</tr>
</table>
</td>
</tr>
</table>
<br/>
</body>
 
</html>

Open in new window

0
 
LVL 31

Assisted Solution

by:gwkg
gwkg earned 1500 total points
ID: 24825590
how about a negative margin or padding on the body tag?

margin-top:-1px;

or padding-top:-1px;

OR

a negative margin on the image

0
 
LVL 1

Author Comment

by:rascal
ID: 24826403
I tried that, didn't work - I'm inclined to think it has something to do with the jsp processing, but I couldn't say what.
0
 
LVL 31

Expert Comment

by:gwkg
ID: 24826588
It is strange that a 1px image after the opening body tag would break the content.  

All it should do is push the table down 1px.
0
 
LVL 1

Author Comment

by:rascal
ID: 24870711
Constant Contact support has admitted defeat - they cannot fix it.
0

Featured Post

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

CTAs encourage people to do something specific to show interest in your company, product or service. Keep reading to learn why CTAs should always be thought of as extremely important, albeit small, sections of websites.
Read this article and get to know some best tips for outsourcing client PPC work to a white label PPC agency.
Use Wufoo, an online form creation tool, to make powerful forms. Learn how to choose which pages of your form are visible to your users based on their inputs. The page rules feature provides you with an opportunity to create if:then statements for y…
Learn how to set-up PayPal payment integration in your Wufoo form. Allow your users to remit payment through PayPal upon completion of your online form. This is helpful for collecting membership payments, customer payments, donations, and more.
Suggested Courses

752 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question