1. Tudásbázis
  2. Modulok használata
  3. HTML hirlevél küldése

HTML hirlevél küldése

Beküldte Richter Miklós - 2010. szeptember 18. 14.21
Richter Miklós képe

Szervusztok mesterek!

Lenne egy problémám és sajnos nem tudom megoldani.

Hiirlevelet szeretnék küldeni, úgy hogy HTML elemeket, amelyeket beleírök a hirlevéltörzsbe maradéktalanul vigye át és ennek megfelelő kinézettel jelenjen meg a fogado oldalon.
Használom a mimemail modult és be van állítva, hogy az leküldött hirlevél formálya HTMl legyen.
Az általam készített HTML a html szerkesztőben hiba nékül jelenik meg:

Plusz ha elküldöm a hirlevelet, akkor még itt is jó:http://www.buvarkodj.com/content/buvarkodjcom-30

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.fej {
	background-image:url(http://www.buvarkodj.com/kepek/hirlevel.png);
	height:120px;
	width:720px;
	border: 1px solid #f60;
	margin-left:auto;
	margin-right:auto;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
 
.head_date_vonal {
	height:2px;
	width:720px;
	margin-left:auto;
	margin-right:auto;
}
.vonal_also {
	height:2px;
	width:720px;
	margin-left:auto;
	margin-right:auto;
}
 
.lablec {
	background-color:#000;
	height:auto;
	width:710px;
	margin-left:auto;
	margin-right:auto;
	color: #FFF;
	font-size: 12px;
	font-style: normal;
	text-align: center;
	padding:5px;
}
 
 
.h_torzs {
	background-color:#FFF;
	height:auto;
	width:710px;
	border: thin solid #F60;
	margin-left:auto;
	margin-right:auto;
	text-align: justify;
	padding:5px;
}
.date {
	background-color:#f60;
	height:25px;
	width:720px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	font-weight: bolder;
	text-align: center;
	vertical-align: middle;
	border: thin solid #F60;
}
 
body {
	background-color: #999;
}
.Hirlevel_betumeret {	font-size: 18px;
	color: #09C;
}
 
-->
</style>
</head>
 
<body>
<form action="" method="post" name="fej"class="fej" id="fej" >
</form>
<form action="" method="post" name="head_date_vonal"class="head_date_vonal" id="head_date_vonla" >
</form>
<form action="" method="post" name="date"class="date" id="date" >
  <span id="head_date_vonla"><span class="head_date_vonal"><span id="head_date_vonla"><span id="head_date_vonla">2010.Szeptember</span></span></span>
  </span>
</form>
<form action="" method="post" name="vonal_also"class="vonal_also" id="vonal_also" >
</form>
<form action="" method="post" name="h_torzs"class="h_torzs" id="h_torzs" >
  <p>Már javában benn járunk a szezonban, ezért  küldünk nektek néhány hasznos információt, érdekességet: </p>
  <p><strong class="Hirlevel_betumeret"> Merülőhelyek, időjárás, vízhőmérséklet</strong><br />
    Ha még előtted áll egy egyiptomi vagy  horvátországi búvártúra (esetleg több is), akkor jó, ha tudod, hogy a <a href="http://www.buvarkodj.com">www.búvárkodj.com </a>oldalon összegyűjtöttük neked a  legnépszerűbb merülőhelyek leírásait, sőt a leghasznosabb linkeket is, így  bármikor ellenőrizheted pár kattintással, hogy például hány fokos a tenger <a href="http://www.buvarkodj.com/buvarkodas_hurghada">Hurghadán </a>vagy milyen idő várható <a href="http://www.buvarkodj.com/buvarkodas_hurghada">Krk-en!</a><br />
  </p>
  <p><strong class="Hirlevel_betumeret">Búvárbalesetek tünetei </strong><br />
    Aki teheti, repülőre vagy autóba ül, és  igyekszik valamelyik tenger felé venni az irányt.<br />
    Ne felejtsük el azonban, hogy a búvárkodás  veszélyes sport illetve hobbi.<br />
    Nekünk fontos, hogy Ti biztonságban merüljetek,  ezért ajánljuk a következő cikk elolvasását: <a href="http://www.buvarkodj.com/buvarbaleset_tunetei">búvárbalesetek és tünetei</a></p>
  <p><strong class="Hirlevel_betumeret">Biztosítás</strong><br />
    Ha búvártúrára indulsz, <strong>mindig köss biztosítást</strong>, ezen nem érdemes spórolni! Figyelj arra,  hogy olyan biztosítást válassz, mely kiterjed a búvárfelszerelésre, valamint  fedezi a deko kamrás kezelést külföldön és itthon is! Már több ilyen biztosítás  is van, de nem mindegyik ilyen!</p>
  <p><strong class="Hirlevel_betumeret">ÚJ! - Magyarországi merülőhelyek</strong><br />
    Ha egyelőre úgy néz ki, hogy nem jutsz ki  külföldre, vagy nem annyiszor, ahányszor szeretnél, ne felejtsd el, hogy Magyarországon  is van lehetőség merülésre! Bár a látási viszonyok nem hasonlíthatók a  tengeréhez, azért itthon is érdemes lehet beiktatni néhány merülést, gyakorlás,  vizsga, felszerelés kipróbálás, stb. céljából. <br />
    Weboldalunkon részletes leírást olashatsz a  legnépszerűbb hazai merülő helyekről. Pl.: <a href="http://www.buvarkodj.com/buvarkodas_szalkszentmarton">Szalkszentmárton</a></p>
  <p class="Hirlevel_betumeret"><strong>Élménybeszámolók – NYEREMÉNYJÁTÉK!</strong> </p>
  <p><img src="http://www.buvarkodj.com/banner/nyeremeny_3_buvarkodj.png" alt="torzs" width="284" height="191" border="1" align="middle" class="herdetes_kep" /></p>
  <p>Honlapunkon már lehetőség van búvártúrákról  szóló élménybeszámolók feltöltésére!<br />
    Írj Te is élménybeszámolót idei túrádról,  merüléseidről és <br />
<strong>vegyél részt</strong><strong> a NYEREMÉNYJÁTÉKUNKBAN!</strong> Az élménybeszámolók  beküldői között egy exkluzív, 384 oldalas, angol nyelvű könyvet sorsolunk ki,  mely a Vörös-tenger élővilágát mutatja be, több mint 1200 fajt, rengeteg színes  fotóval! <a href="http://www.buvarkodj.com/utibeszamolo">Nyereményjáték </a></p></form>
  <form action="" method="post" name="lablec"class="lablec" id="lablec" >
    Tájékoztatunk, hogy email címed a  buvarkodj.com portálon keresztül küldött hírlevél feliratkozás, információkérés  vagy nyereményjátékunkban való részvétel útján került adatbázisunkba. A 2001.  évi CVIII. törvény ismeretében arra kérünk, hogy amennyiben nem szeretnéd  olvasni hírlevelünket, akkor ezt jelezd nekünk a Leiratkozás gombra kattintva,  hogy e-mail címed véglegesen törölni tudjuk adatbázisunkból.
 
  </form>
</body>

De sajnos a fogadó oldalon e-mailben Outlook 2007 nem jól jelenik meg!!Tudna-e valaki segíteni nekem??

Köszönettel:
Miki

Drupal verzió: 
7.x
Fórum: 
Modulok használata
sgabe képe

Beküldte sgabe - 2010. szeptember 18. 14.41

Elnézésedet kérem, hogy nincs időm részletesebben kifejteni, de sajnos csak egy oldalt és további olvasgatást tudok javasolni: Email Standards Project

Próbáld ki az Acid tesztet, szerintem rögtön érteni fogod, hogy mi a probléma.

0
0
Richter Miklós képe

Beküldte Richter Miklós - 2010. szeptember 18. 16.16

Nagyon köszönöm a válaszod. De nem tűnik túl egyszerűnek a megoldás!

0
0
balazsgabi képe

Beküldte balazsgabi - 2010. szeptember 19. 13.26

a problémát.

Sok tényezőtől függhet, hogy kliens oldalon hogy jelenik meg az amit alkottál egy bizonyos környezetben. Sgabe által linkelt oldalon is láthatod, hogy a legbefolyásosabb tényező az a CSS tulajdonságok támogatottsága, illetve nem támogatottsága.

Egyszerű, akkor lehet ha úgy futsz neki, hogy mi a célod a hírlevéllel. Figyelemfelkeltés? Akkor erre a célra tökéletesen elegendő ha csak egy "teaser"-t küldesz ki - azokkal a formázásokkal amiket a legtöbben megkajolnak, azaz alkalmaznak a megjelenítésnél - így kaptál még egy lehetőséget, illetve eszközt arra, hogy mérd a hírlevél fogyasztóidat. Ebben egy link az oldaladra ahol publikussá teszed a tartalmat mindenki számára. Pontosabban ezzel egyszerűbbé válik, hogy megtudd mennyien "érdeklődnek" a téma iránt, vagy csak elfelejtettek, nem akartak, stb leíratkozni. Ezenkívül ha egyéb szolgáltatást, terméket értékesítesz azt könnyebb a szemük elé tenni "otthoni környezetben". A formázásról már nem is beszélve.

0
0
Richter Miklós képe

Beküldte Richter Miklós - 2010. szeptember 19. 16.53

Nagyan köszönöm a válaszod. a "teaser"-ről írnál bővebben egy kicsi??

0
0
balazsgabi képe

Beküldte balazsgabi - 2010. szeptember 19. 19.27

Szándékosan használtam a teaser kifejezést, gondoltam így beugrik :)

Amikor egy hírt publikálsz - Drupalban - akkor általában megjelenik egy kis darabkája is a főoldalon, címlapon. Annak mi a szerepe? No, ugyanerre gondoltam.

Maga a hírlevél, pontosabban az a része ami kimegy a feliratkozottaknak csak egy kis ízelítő, csalogató, csali ki, hogy nevezi. Abban tömören fogalmazni. és röviden. Ebben csak olyan formázást használnék ami a célközönség által használt levelezési szokásokkal együttműködik. A fentebb említett oldalon is gyönyörűen látszik, mi az ami elmegy mindenhol, mi az ami nem, ezenkívül gyűjthetsz te is információt pl. a feliratkozásnál. Ott még belefér egy-két pipa, egy-két plusz kérdés. Ezzel viszonylag pontos infót kapsz a célközönségedről.

általában a képeket bannolják (ezért ha képeket használsz is, azok legyenek minél kisebbek és különösebb infót ne hordozzanak), de a linkeket nem. Amelyik azt is az már perverzitás, azzal én nem foglalkoznék. Így az elejére apróbb betűkkel de jól láthatóan kiírni, hogy amennyiben nem jelenne meg a levelezőjében úgy klikk ide!

Ezzel együtt meg csak a bevezető részt további linkekkel, hogy minél egyértelműbb legyen a navigáció az oldaladra. Amit belinkeltél inkább több részletben kiküldeni, de lényeg, hogy egyszerre csak keveset

0
0
Richter Miklós képe

Beküldte Richter Miklós - 2010. szeptember 20. 16.20

Kedves balaszgabi!

Hát igen értem, amire gondolsz, de sajnos ez nem elégséges, mert a levélben szeretnék látni a teljes tartalmat. – Sajnos

Nagyon köszönöm:
Miki

0
0
sgabe képe

Beküldte sgabe - 2010. szeptember 19. 19.44

Kérlek áruld el miért form tagekkel van felépítve a hírlevél, mert megöl a kíváncsiság.

<form action="" method="post" name="fej" class="fej" id="fej"></form>
0
0
Richter Miklós képe

Beküldte Richter Miklós - 2010. szeptember 20. 16.18

Kedves sgabe!
Hát nem tudom ez melyik változat, próbáltam több dolgot is.
Pl: próbáltam, úgy is hogy írtam agy külön lapot erre lásd: http://www.buvarkodj.com/hirlevel/hirlevel_2010_09_18.html
itt css használtam a formázáshoz a file-ben, ez sem jó! - de a linken remekül működik.
próbáltam, hogy nem css használva a kódot bele írtam tábla szerkezetben és itt beágyazva a stílus és pozíciót: http://www.buvarkodj.com/hirlevel/hirlevel_tabla.html.
A böngészőben okxi, de ha ezt beírom a hírlevél törzsében akkor az E-mailben már nem minden esetben lesz jó!
Hát szóval ezek lennének a megoldásra váró feladatok.
A problémát biztos, hogy a Drupal, hírlevél vagy a mimeail modul okozza.
A kódok láthatóan jók, hisz megjelennek a böngészőben jól (fenti két linken látható). Ami még gáz, és nem is igazán értem, hogy az e_mail forrásában látható a Téma Css összes eleme. (salamanderskins)
Hát szóval nem tudok előrébb jutni, pedig nagyon kéne….

Miki

0
0
sgabe képe

Beküldte sgabe - 2010. szeptember 20. 19.51

A problémát biztos, hogy a Drupal, hírlevél vagy a mimeail modul okozza.

Teljes tévedés. Megpróbálom röviden összefoglalni.

A kódok láthatóan jók, hisz megjelennek a böngészőben jól (fenti két linken látható).

Böngészőben talán, de ez a kód - a form tag csak űrlapokhoz használandó - amúgy sem jó. A problémát a különböző levelező kliensek különböző szabvány támogatása vagy éppen annak teljes hiánya jelenti. Tehát, amit úgy szerkesztessz meg, hogy a böngészőben jól jelenik meg, az bizonyos levelező kliensekben - mint például az Outlook is - biztosan nem fog megfelelően működni. Ez az amit te is tapasztaltál.

A megoldás, hogy vissza kell térni a kályhához és a hőskorból kell meríteni. Magyarul: használj táblázatokat beágyazott formázással. Körülbelül ahogy annak idején a HTML4 korában készített az ember weboldalakat...

Ami még gáz, és nem is igazán értem, hogy az e_mail forrásában látható a Téma Css összes eleme.

A Mime Mail projekt oldalán olvasható, hogy automatikusan alkalmazza az alapértelmezett téma stílusát, (ha nem talál mail.css fájlt az alapértelmezett téma mappájában):

Adopts your site's style by automatically including your theme's stylesheet files in a themeable HTML message format

0
0
Richter Miklós képe

Beküldte Richter Miklós - 2010. szeptember 20. 20.25

Nagyon köszönöm a választ, amelyeket írsz abban teljesen igazad van. Gondolom nézted a második linket is, ott táblázatos és beágyazott a kód.

Nálad van olyan hírlevél, amely hiba nélkül működik? Mert, akkor láthatnám a jó példát.

Köszönettel:
Miki

0
0
sgabe képe

Beküldte sgabe - 2010. szeptember 20. 20.36

A Campaign Monitor kínál néhány ingyenes sablont, ezek mind jó példák.

0
0
Richter Miklós képe

Beküldte Richter Miklós - 2010. szeptember 22. 12.08

Kedves sgabe!

Nagyon köszönöm a segítséged sok minbenben igazad volt, azonban a következő változások nélkül nem volt jó a hírlevél szélessége:

1) Létre hoztam a téma könyvtárban a mail.css-t. (mert, így csak ennek a tartalmát viszi át a mail forrásaként) plusz a kódot.
2) A szélesség miatt itt a (body-ban megadott osztálynak az értékét beállítottam) fix with:600px a mail.css-ben
3) simplenews-newsletter-body.tpl.php itt létrehoztam a body-nak az osztályt és középre helyeztem

4) A leíratkozást középre tettem:

a simplenews-newsletter-footer.tpl.php-ben

Ismételten nagyon köszönöm, mivel nagyon sokat segítettél a belinkelt anyagokkal.

Köszönettel:
Miki

0
0