[Erledigt] HTML - Newsletter - Design zerschossen - Seite 2

Wolla · 21.07.2010, 21:14

Werbeagenturen wollen halt HTML-Newsletter. Und das hat auch einen Grund: Die Klickrate bei HTML-Lettern ist deutlich höher als bei reinen Textmails. außerdem wird in die HTML-Mails ein Trackercode eingebaut.
Wichtig ist halt, dass man per Multipart noch einen Plain/Text-Teil mitliefert, damit auch die Leute etwas lesen können, die in ihren Clients kein HTML zulassen.

Manko10 · 21.07.2010, 21:26

@Flor1an mit externen Grafiken lässt sich aber auch schon gut tracken. Die meisten Mailclients blockieren externe Grafiken zwar zunächst (was nicht immer schön aussieht, aber zum Schutze der Privatsphäre sehr nützlich ist), aber wer bereit ist, einem Link zu folgen, um zu einer Webansicht zu gelangen, ist meist erst recht bereit, externe Grafiken anzeigen zu lassen.
Ich für meinen Teil würde hier, wenn Designmails wirklich gefordert sind, eine Multipart-Mail senden, einmal mit HTML-Content, einmal mit Textcontent, wobei der HTML-Teil entweder mit Tabellen komplett durchgestylt ist oder ein grundlegendes Layout bietet. Über einen Link (der auch dem Textcontent angefügt werden kann), kann dann die Vollansicht im Web abgerufen werden.

Wolla · 21.07.2010, 21:32

Eine textmail, die nur einen Link zu einer auf einem Server liegenden HTML-"Mail" enthält, ist unsinnig.

a)
1) Man muss mit der mail einen Riesendisclaimer mitschicken, in dem der Empfänger nachlesen kann, warum er die mail bekommt
2) Man muss das Impressum des Sendenden mitschicken
3) Man muss einen Link zu einer Unsubscribe-Seite mitsenden

Das Ganze macht dann locker 10 cm Höhe in der Mail aus. Da geht der kleine Link am Anfang der Mail unter.

b) In der Mail will man ja was verkaufen. Wenn der Mailtext für den Empfänger interessant ist, dann wird er klicken und z.B. zu einem Shop gehen. Eine Klickaufforderung: "Es ist ein Emailtext für Sie hinterlegt: Hier klicken: http://www.dershopserver.de/emails/20100722/mail.php" wird niemanden animieren.

c) Und falls man mit obigem Text doch jemand zum Klicken bewegt, dann kann man den auch gleich in den Shop beamen und nicht erst noch auf eine Zwischenseite.

Destruction · 22.07.2010, 22:49

Code:

<html>
<head>
<style type="text/css">
* { margin:0px; padding:0px; font-family:arial; }
</style>
</head>
<body marginleft="0" margintop="0" marginwidth="0" marginheight="0" offset="0">
<table width="700" background="http://.img/nlhg.jpg" cellpadding="0">
<tr valign="top"><td><table style="padding:0px 10px;"><tr><td><img src="http://.img/headernl.jpg" alt="" /></td></tr></table></td></tr>
<tr>
<td>
<table style="padding:0px 10px;">
<tr valign="top" style="background:black;"><td style="color:white;font-size:12px;padding-left:10px;font-weight:bold;" colspan="2">TEXT TEXT</td></tr>
<tr valign="top"><td style="background:url('http://.newsletter/hgsmall.jpg');height:200px;padding:10px;font-size:14px;width:450px;">TEXT TEXT</td><td style="padding-left:10px"><img src="http://.img/pic1.jpg" style="height:220px;" alt="" /></td></tr>
</table>
<table style="padding:0px 10px;">
<tr valign="top" style="background:black"><td style="color:white;font-size:12px;padding-right:10px;font-weight:bold;text-align:right;" colspan="2">TEXT TEXT</td></tr>
<tr valign="top"><td style="padding-right:10px"><img src="http://.img/pic1.jpg" style="height:220px;" alt=""/></td><td style="background:url('http://.newsletter/hgsmall.jpg');height:200px;padding:10px;font-size:14px;width:450px;">TEXT TEXT</td></tr>
</table>
<table style="padding:0px 10px;">
<tr valign="top" style="background:black"><td style="color:white;font-size:12px;padding-left:10px;font-weight:bold;" colspan="2">TEXT TEXT</td></tr>
<tr valign="top"><td style="background:url('http://.newsletter/hgsmall.jpg');height:200px;padding:10px;font-size:14px;width:450px;">TEXT TEXT</td><td style="padding-left:10px"><img src="http://.img/pic1.jpg" style="height:220px;" alt=""/></td></tr>
<tr valign="top" style="background:black"><td style="color:white;font-size:12px;padding-left:10px;font-weight:bold;" colspan="2"></td></tr>
</table>
<table style="padding:0px 10px;">
<tr><td><img src="http://.img/footer.jpg" alt="" /></td></tr>
<tr style="font-size:11px;text-align:center;margin-top:10px;clear:both;background-color:#5C5C5C;color:white;"><td><a href="" style="color:white;">Link zur Homepage</a>  l  Tel. 06101 657 87 10  l  Bitte klicken Sie <a href="http://" style="color:white;">hier</a>, um den Newsletter abzubestellen</td></tr>
</table>
</td>
</tr>
</table>
</body>
</html>

So jetzt gibt es leider nur noch Probleme mit dem Hintergrund.
nlhg.jpg wird leider nicht angezeigt.

Ansonsten sieht alles gut aus bis jetzt.

Danke
cu
Grüße

Destruction · 23.07.2010, 13:35

Mist, das mit dem Hintergrund funktioniert nicht.
Habe im Internet gelesen dass man evtl. noch eine innere Tabelle machen soll und die äußere hat einfach den Hintergrund

Jemand eine Idee was ich noch versuchen könnte?

Vielen Dank
Grüße

Edit.: hgsmall.jpg läd er wohl auch nicht ... grml

Wolla · 23.07.2010, 15:43

Code:

<style type="text/css"> * { margin:0px; padding:0px; font-family:arial; } </style>

Da steht ja immer noch ein explizites Stylesheet.

Vorausgesetzt, dass http://.img/nlhg.jpg ein vollständiger URL ist im Original: Einige Browser stellen das Hintergrundbild nur dar, wenn es im <td> liegt. Das wird dann bei Emailclients ähnlich sein.

Destruction · 23.07.2010, 15:51

Zitat:

Zitat von Wolla

Code:

<style type="text/css"> * { margin:0px; padding:0px; font-family:arial; } </style>

Da steht ja immer noch ein explizites Stylesheet.

Vorausgesetzt, dass http://.img/nlhg.jpg ein vollständiger URL ist im Original: Einige Browser stellen das Hintergrundbild nur dar, wenn es im <td> liegt. Das wird dann bei Emailclients ähnlich sein.

Mist... und was mach ich da am besten?
Einfach ein DIV - Container außenrum der das Hintergrundbild hat?

Aber das hgsmall.jpg liegt ja im td und das wird auch nicht angezeigt.

Danke
cu
Grüße

Destruction · 25.07.2010, 18:41

grml... das will einfach nicht klappen.
Habe ihm jetzt vorgeschlagen entweder immer nur einen kleinen Teil des Textes reinzusetzen also:

Heute sind wieder viele Leute... [ mehr lesen ]

Der Text wird also ab einer bestimmten Zeichenanzahl abgeschnitten und wenn man auf [mehr lesen] klickt, öffnet sich der richtige Newsletter im Browser ...
ODER:
Das ganze im Anhang als PDF-Datei mitzuschicken.

Mal schauen ...
Danke
Grüße
Destruction

Wolla · 25.07.2010, 20:12

Ich hab das Gefühl, dass du überhaupt nicht weißt, was du da für einen Unsinn empfiehlst.

Siehe #13

Destruction · 25.07.2010, 20:30

Zitat:

Zitat von Wolla

Ich hab das Gefühl, dass du überhaupt nicht weißt, was du da für einen Unsinn empfiehlst.

Siehe #13

Ich weiß schon was ich empfehle, aber wenn der Kunde so nicht das Design kriegt was er will...
Anscheinend wollen die E-Mail Clients das nicht so darstellen.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Doppelter E-Mail versand	include21	PHP Tipps 2010	3	06.05.2010 15:47
Problem mit HTML Newsletter	AnnyKey	PHP Tipps 2009	22	30.09.2009 13:18
Lotus Notes \| HTML Newsletter Tester gesucht	beist	HTML, Usability und Barrierefreiheit	0	22.09.2009 08:57
Foxmail + HTML Newsletter	beist	HTML, Usability und Barrierefreiheit	4	18.09.2009 15:53
php script mit html script verbinden	Bimbo-01	PHP Tipps 2009	2	21.02.2009 14:11
Design und Code Trennen	TeazY	PHP Tipps 2008	29	21.05.2008 12:08
html newsletter?	$$$ ThiKool $$$	HTML, Usability und Barrierefreiheit	5	21.11.2005 10:49
Design		Beitragsarchiv	26	04.06.2005 20:56
Frage zum Design: HTML Formular		HTML, Usability und Barrierefreiheit	11	27.01.2005 22:17
html newsletter bild mitschicken		PHP Tipps 2005	1	17.01.2005 09:42
Automatischer HTML Newsletter??		PHP Tipps 2004	1	26.09.2004 17:49
Validitor (HTML 4.01) = Schwachsinn?	Filewalker	Off-Topic Diskussionen	19	03.08.2004 15:27
newsletter problem	wizzardxx	PHP Tipps 2004	0	17.07.2004 13:58

21.07.2010, 21:14
Wolla Moderator Registriert seit: 06.06.2008 Beiträge: 4.849 PHP-Kenntnisse: Fortgeschritten	Werbeagenturen wollen halt HTML-Newsletter. Und das hat auch einen Grund: Die Klickrate bei HTML-Lettern ist deutlich höher als bei reinen Textmails. außerdem wird in die HTML-Mails ein Trackercode eingebaut. Wichtig ist halt, dass man per Multipart noch einen Plain/Text-Teil mitliefert, damit auch die Leute etwas lesen können, die in ihren Clients kein HTML zulassen. __________________ Warum denkt mein Hund eigentlich immer dann, wenn es an der Tür klingelt, es sei für ihn?


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

21.07.2010, 21:26
Manko10 Supermoderator HD Registriert seit: 16.03.2008 Beiträge: 8.425 PHP-Kenntnisse: Fortgeschritten	@Flor1an mit externen Grafiken lässt sich aber auch schon gut tracken. Die meisten Mailclients blockieren externe Grafiken zwar zunächst (was nicht immer schön aussieht, aber zum Schutze der Privatsphäre sehr nützlich ist), aber wer bereit ist, einem Link zu folgen, um zu einer Webansicht zu gelangen, ist meist erst recht bereit, externe Grafiken anzeigen zu lassen. Ich für meinen Teil würde hier, wenn Designmails wirklich gefordert sind, eine Multipart-Mail senden, einmal mit HTML-Content, einmal mit Textcontent, wobei der HTML-Teil entweder mit Tabellen komplett durchgestylt ist oder ein grundlegendes Layout bietet. Über einen Link (der auch dem Textcontent angefügt werden kann), kann dann die Vollansicht im Web abgerufen werden. __________________ Refining Linux Advent Calendar series “24 Outstanding ZSH Gems”

21.07.2010, 21:32
Wolla Moderator Registriert seit: 06.06.2008 Beiträge: 4.849 PHP-Kenntnisse: Fortgeschritten	Eine textmail, die nur einen Link zu einer auf einem Server liegenden HTML-"Mail" enthält, ist unsinnig. a) 1) Man muss mit der mail einen Riesendisclaimer mitschicken, in dem der Empfänger nachlesen kann, warum er die mail bekommt 2) Man muss das Impressum des Sendenden mitschicken 3) Man muss einen Link zu einer Unsubscribe-Seite mitsenden Das Ganze macht dann locker 10 cm Höhe in der Mail aus. Da geht der kleine Link am Anfang der Mail unter. b) In der Mail will man ja was verkaufen. Wenn der Mailtext für den Empfänger interessant ist, dann wird er klicken und z.B. zu einem Shop gehen. Eine Klickaufforderung: "Es ist ein Emailtext für Sie hinterlegt: Hier klicken: http://www.dershopserver.de/emails/20100722/mail.php" wird niemanden animieren. c) Und falls man mit obigem Text doch jemand zum Klicken bewegt, dann kann man den auch gleich in den Shop beamen und nicht erst noch auf eine Zwischenseite. __________________ Warum denkt mein Hund eigentlich immer dann, wenn es an der Tür klingelt, es sei für ihn?

23.07.2010, 13:35
Destruction Erfahrener Benutzer Registriert seit: 05.02.2009 Beiträge: 1.356 PHP-Kenntnisse: Fortgeschritten	Mist, das mit dem Hintergrund funktioniert nicht. Habe im Internet gelesen dass man evtl. noch eine innere Tabelle machen soll und die äußere hat einfach den Hintergrund Jemand eine Idee was ich noch versuchen könnte? Vielen Dank Grüße Edit.: hgsmall.jpg läd er wohl auch nicht ... grml __________________ "Dummheit redet viel..Klugheit denkt und schweigt.." [Amgervinus]

23.07.2010, 15:43
Wolla Moderator Registriert seit: 06.06.2008 Beiträge: 4.849 PHP-Kenntnisse: Fortgeschritten	Code: <style type="text/css"> * { margin:0px; padding:0px; font-family:arial; } </style> Da steht ja immer noch ein explizites Stylesheet. Vorausgesetzt, dass http://.img/nlhg.jpg ein vollständiger URL ist im Original: Einige Browser stellen das Hintergrundbild nur dar, wenn es im <td> liegt. Das wird dann bei Emailclients ähnlich sein. __________________ Warum denkt mein Hund eigentlich immer dann, wenn es an der Tür klingelt, es sei für ihn?

25.07.2010, 18:41
Destruction Erfahrener Benutzer Registriert seit: 05.02.2009 Beiträge: 1.356 PHP-Kenntnisse: Fortgeschritten	grml... das will einfach nicht klappen. Habe ihm jetzt vorgeschlagen entweder immer nur einen kleinen Teil des Textes reinzusetzen also: Heute sind wieder viele Leute... [ mehr lesen ] Der Text wird also ab einer bestimmten Zeichenanzahl abgeschnitten und wenn man auf [mehr lesen] klickt, öffnet sich der richtige Newsletter im Browser ... ODER: Das ganze im Anhang als PDF-Datei mitzuschicken. Mal schauen ... Danke Grüße Destruction __________________ "Dummheit redet viel..Klugheit denkt und schweigt.." [Amgervinus]

25.07.2010, 20:12
Wolla Moderator Registriert seit: 06.06.2008 Beiträge: 4.849 PHP-Kenntnisse: Fortgeschritten	Ich hab das Gefühl, dass du überhaupt nicht weißt, was du da für einen Unsinn empfiehlst. Siehe #13 __________________ Warum denkt mein Hund eigentlich immer dann, wenn es an der Tür klingelt, es sei für ihn?