Third party edm - material specification

Size: px

Start display at page:

Download "Third party edm - material specification"

Barrie Hodges
5 years ago
Views:

In order to ensure a quick and smooth turnaround of EDMs, as well as to ensure correct and accurate delivery of the

No HTML which contain only 1 single image (that will be considered as spam mail).

No HTML file saved from Microsoft Word (Junk code will be auto-generated by Microsoft Word and it will cause error in

1 In order to ensure a quick and smooth turnaround of EDMs, as well as to ensure correct and accurate delivery of the creative, it is necessary that the clients follow the guidelines below when submitting their own HTML creative 1. No HTML which contain only 1 single image (that will be considered as spam mail). Here s an example showing an edm with single image dropped into Junk box 2. No HTML file saved from Microsoft Word (Junk code will be auto-generated by Microsoft Word and it will cause error in eblast system). Original edm file view in browser edm s outlook through the eblast system The headline is disappeared because of the juck code by MS Word. The button is misallocated as well for the same reason.

3. All html should be table-based, with no <div> tags, no floating or absolute positioning. 4.

Within the html file, there should be no Javascript code (eg. mouseover activity). In addition, Flash and iframes are NOT allowed as well.

All styles must be tagged inline, but not referencing any external stylesheets, classes or IDs. (it doesn t work in Lotus notes and Outlook).

html#vip edm with inline style edm without inline style The logos are not in the specified size because the edm does not apply inline style.

2 3. All html should be table-based, with no <div> tags, no floating or absolute positioning. 4. No bookmark anchor tags can be used in HTML file (it doesn t work in Lotus notes). Accepted 5. Within the html file, there should be no Javascript code (eg. mouseover activity). In addition, Flash and iframes are NOT allowed as well. All of the above cannot be functioned even if you include them in the edm. 6. All styles must be tagged inline, but not referencing any external stylesheets, classes or IDs. (it doesn t work in Lotus notes and Outlook). Accepted Not accepted <p style= color:red; >This is the paragraph text.</p> p{color:red; } Not-accepted edm with inline style edm without inline style The logos are not in the specified size because the edm does not apply inline style. The background image of the text boxes are missing as well. If the edm does not apply inline style, the specified style will be lost in GMail, Hotmail, Lotus notes and Outlook. All style declined in <head> tag will be ignored in most of clients. 7. No background images or image maps (it doesn t work in Lotus notes, Gmail and Outlook 2007). edm s outlook in Outlook 2003 edm s outlook in Outlook 2007 The background image is disappeared because it is not supported by Outlook 2007.

8. Animated gifs are not recommended (due to Outlook 2007 only displaying the first frame of the animation). Animated GIF Frame 1: Frame 2: Here s an example of the animated gif banner with 2 frames.

3 8. Animated gifs are not recommended (due to Outlook 2007 only displaying the first frame of the animation). Animated GIF Frame 1: Frame 2: Here s an example of the animated gif banner with 2 frames. Animated GIF banner on edm When the edm with this banner is previewed in Outlook 2007, the banner will freeze at the first frame; which all the important information such as the event name, call to action, publication logo are all disappeared. 9. All image links should be absolute path instead of relative path. Please upload all images to your web server. Kindly take a look at the sample below, if image files are uploaded to xxxxx.com in folder edm : change <img src= ICCM_eDMFeb10_5.jpg > to <img src= > Image in absolute link Image in relative link Image can t be viewed when using relative link. 10. Optimized width of the HTML is less than 730px. The width of edm should not be wider than 730px; else, scrolling is required to read the message in the edm.

4 11. Optimized file size of the HTML delivered (included html and all image files) is less than 25k. 12. To speed up the time for member to read information before the image has been loaded, live text and <Alt> tag on informative images with the dimensions specified are recommended. Keep minimal use of IMG due to IMG blocker in apps is important as well. edm without <Alt> Tag Right click here to download pictures. To help protect your privacy, Outlook prevented automatic download of the picture from the internet. Receiver will not know the image s message without <Alt> tag. edm with <Alt> Tag Cybermap Questionaire - Complete the form and get the up-to-dates information of your company. <Alt> tag is the alternative for the image, usually stating its purpose. It can help the edm receiver knows this image is about a questionnaire without waiting the image to be loaded completely.

13. Please test your HTML file on both FireFox and IE7. Online version in Firefox Online version in IE7 The images may have wrong alignment in IE7.

Please supply subject line. edm with the Subject : January e-zine... This is the subject line of the edm. 15.

Questex reserves the right to remove any advertisement which is deemed annoying and / or harmful to our users at any time. 17.

5 13. Please test your HTML file on both FireFox and IE7. Online version in Firefox Online version in IE7 The images may have wrong alignment in IE7. When we test the edm in Firefox and IE7, we may have different outlook because different web browsers apply different ways to handle the html coding. 14. Please supply subject line. edm with the Subject : January e-zine... This is the subject line of the edm. 15. Questex must approve all creative prior to launch. 16. Questex reserves the right to remove any advertisement which is deemed annoying and / or harmful to our users at any time. 17. An additional fee of 100 USD may be incurred if Questex is required to amend supplied creative to meet the specification. 18. All materials (html file and images if needed) must be supplied 3 working days before go live to allow sufficient time for material checking, add tracking code, create test mail and the blast setup.

Online Advertising Specification

Online Advertising Specification Contact Ad Operations Email: Adops@emap.com 0203 0332611 Ben Hadaway (Head of Ad Operations) 0203 0332610 Aejaz Shaikh (Deputy Manager) 0203 0332612 Calum Peak (Junior