Dieser Blog ist aus einem SEO-Wettbewerb um das Keyword Ventil entstanden. Nach dem erstaunlichem Erfolg nutzen wir, FeelFree Coaching&Consulting, diesen Blog als Plattform für unsere Erfahrungen als Webentwickler/Webdesigner mit TYPO3 und SEO.
TYPO3-Newsletter mit Templavoila
Ausgangssituation meiner Seite
* TYPO3 4.5.3
* TemplaVoila! 1.5.5
* RealURL 1.11.1
Benötigte Extensions
Address List (tt_address)
Direct Mail (direct_mail 2.6.10)
Email Address Subscription (sr_email_subscribe)
CSS to inline converter for direct mail (css2inline)
Extended Direct Mail Subscription (pi_direct_mail_subscription) habe ich gelöscht, nachdem aus mir unbekannten Gründen nach etwa einer Woche keine Email mehr hinaus ging.
Seitenbaum directmail
Vorab: auf Plain-Text habe ich verzichtet. Ich habe selbst schon lange keine Newsletter mehr in reinem ASCII erhalten und auch eine entsprechende Umfrage hat mich darin bestätigt.
Zunächst lege ich eine Seite Newsletter für die Subscription und, ganz unten im Seitenbaum, die SysOrdner Newsletter für direct_mail und News-Adressen für tt_address an.
Jetzt werden die Extensions installiert. Die Reihenfolge ist wichtig.
Zuerst wird tt_address installiert, da direct_mail auf tt_address aufbaut. An der Grundkonfiguration wird nichts verändert.
Jetzt wird direct_mail installiert. In “Administrator Email” trage ich die eigene Mail-Adresse ein, in “Enable plain text rendering of News” entferne ich den Haken, in “Use http connection for fetching Ne…” setze ich den Haken.
Konfiguration Email Address Subscription
Für Subscription nutze ich Email Address Subscription (sr_email_subscribe). Vorausgesetzt werden die Installationen von div2007 und sr_feuser_register. Nach der Installation von sr_email_subscribe erzeuge ich ein Erweiterungs-Template für meine Newsletter-Seite.
Statische Templates einschließen (aus Erweiterungen): Email Address Subscription CSS-Styled.
Konstanten:
plugin.tx_sremailsubscribe {
file.templateFile = fileadmin/templates/tx_sremailsubscribe_pi1_css_tmpl.html
# 100 – Newsletter-Seitese erzeugen
# 91 – Sysordner mit tt_address
infomailPID = 100
confirmPID = 100
confirmInvitationPID = 100
editPID = 100
registerPID = 100
pid = 91
# Anzeige Felder
formFields=email,first_name,last_name,company,www
# Pflichtfelder
requiredFields = email,last_name,company,company
# Address
email = lwulfe@feelfreeconsult.de
siteName = VIP Jobsites
pidTitleOverride=VIP Jobsites Newsletter
# create.overrideValues.module_sys_dmail_html = 1
}
Setup:
plugin.tx_sremailsubscribe_pi1._CSS_DEFAULT_STYLE >
plugin.tx_sremailsubscribe_pi1._LOCAL_LANG.de {
enter_account_info = Bitte hier Ihre Daten eingeben
}
Plugin auf der Seite Newsletter auswählen, fertig. Diese Extension bietet noch viele weitere Möglichkeiten.
Extension css2inline
Zum Abschluss installiere ich die geniale Extension ccs2inline. Diese Extension schnappt sich CSS-Datei, die ich unter
page.10.css.10.file = fileadmin/templates/css/news_layout.css
angelegt habe, und wandelt alles in Inline-CSS um. Spaghetti-Code ohne Ende, aber sei es drum! Der Gedanke, alles CSS von extern auf Inline-CSS umzustellen, hat mich fast vom Newsletter-Projekt abgeschreckt.
Das wird aber dringend empfohlen, um die Mail Clients gnädig zu stimmen. Auch JavaScript sollte nicht enthalten sein. Siehe “config.removeDefaultJS = 1″ im Setup.
Konfiguration SysOrdner Newsletter
In den Seiteneigenschaften des SysOrdner Newsletter unter Reiter “Erscheinungsbild” wird “Direct Mail” ausgewählt.
Unter Reiter Resourcen wird die Seiten-TSconfig mit
mod.web_modules.dmail.from_email=meine E-Mail
mod.web_modules.dmail.from_name=Mein Name
mod.web_modules.dmail.replyto_email=<meine noreply-Mail
mod.web_modules.dmail.replyto_name=mein Name
mod.web_modules.dmail.return_path=###XID###
mod.web_modules.dmail.organisation=meine Firma
mod.web_modules.dmail.priority=3
mod.web_modules.dmail.sendOptions=2
mod.web_modules.dmail.includeMedia=1
mod.web_modules.dmail.flowedFormat=0
mod.web_modules.dmail.plainParams=&type=99
mod.web_modules.dmail.use_domain=0
mod.web_modules.dmail.quick_mail_encoding=quoted-printable
mod.web_modules.dmail.direct_mail_encoding=quoted-printable
mod.web_modules.dmail.quick_mail_charset=utf-8
mod.web_modules.dmail.direct_mail_charset=utf-8
mod.web_modules.dmail.use_rdct=0
mod.web_modules.dmail.long_link_mode=0
mod.web_modules.dmail.enable_jump_url=0
mod.web_modules.dmail.enable_mailto_jump_url=0
befüllt. Diese Werte können später im linken BE-Fenster unter “Direct Mail” Modul Konfiguration nachbearbeitet werden.
Für den SysOrdner Newsletter wird ein Template “Template für neue Website” angelegt. Ich nenne das Template mal “Newsletter”.
Unter Optionen sind Löschen von Constants und Setup anzukreuzen. Denn hier wird praktisch eine neue Seite innerhalb der Seite angelegt. Daher auch Wurzelebene ankreuzen.
Statische Templates
Template Optionen
Konstanten
plugin.tx_directmail_pi1.siteUrl = http://www.meineDomain.de/
plugin.feadmin.dmailsubscription.pid = pid der Seite, die die Subscription enthält
plugin.feadmin.dmailsubscription.templateFile = fileadmin/templates/newsletter_de.html
plugin.feadmin.dmailsubscription.file.templateFile = fileadmin/templates/newsletter_de.html
# HTML ist bei Neuaufnahme ausgewählt
plugin.feadmin.dmailsubscription.create.overrideValues.module_sys_dmail_html = 1
Das Template newsletter_de.html habe ich bereits von typo3conf/ext/pi_direct_mail_subscription/pi1/template_de.html nach fileadmin/templates/newsletter_de.html kopiert.
Setup
# Zurücksetzen aller Extensions (sieht man unter Typoscript Object Browser – plugin)
plugin {
tx_cssstyledcontent._CSS_DEFAULT_STYLE >
tx_felogin_pi1 >
tx_weeaargooglesitemap_pi1 >
…
}
# Entfernen von Default JavaScript
config.removeDefaultJS = 1
# Inline CSS wird nicht in TempFile geschrieben
config.inlineStyle2TempFile = 0
# Links werden absolut dargestellt
config.absRefPrefix = http://www.meineDomain.de/
config.simulateStaticDocuments = 0
config.tx_realurl_enable = 1
config.prefixLocalAnchors = all
config.no_cache = 0
# Definition der Page im Sinne der Extension css2inline
page = PAGE
page.typeNum = 0
# The extension will produce a full blown html document based on the html provided
page.config.disableAllHeaderCode = 1
# Call the extension
page.10 = USER
page.10.userFunc = tx_css2inline_pi1->main
# Select the style sheets to be taken into consideration
page.10.css = COA
page.10.css.10 = FILE
page.10.css.10.file = fileadmin/templates/css/news_layout.css
# Generate the HTML content of the page
# Head part
page.10.html.10 = TEXT
page.10.html.10.wrap = <head>|</head>
page.10.html.10.value = <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
page.10.html.20 = TEXT
page.10.html.20.wrap = <title>|</title>
page.10.html.20.value = mein Header Titel
# Body part
page.10.html.20 = USER
page.10.html.20.wrap = <body>|</body>
page.10.html.20.userFunc = tx_templaVoila_pi1->main_page
# Link für Seite aus Mail im Browser aufrufen
lib.seitenurl = TEXT
lib.seitenurl.value = Falls Ihr Mail-Client diesen Newsletter nicht darstellen kann, klicken Sie hier
lib.seitenurl.typolink.parameter.data = TSFE:id
Unter “Vollständigen Template-Datensatz bearbeiten” wähle ich den Reiter “Enthält” und wähle die statischen Templates
* CSS Styled Content
* Direct Mail Content Boundaries
Aufbau der Seite Newsletter (Subscription)
Als Seiteninhalt wähle ich Plug-in einfügen, dann im Reiter “Plug-In” die Auswahl “Erweiterte Direct Mail Anmeldung”. Unter “Verhalten” wähle ich den SysOrdner News-Adressen als Datensatzsammlung aus.
Seite Newsletter
Newsletter in Templavoila
Die Vorlagendatei:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.1 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html dir=”ltr” xml:lang=”de_DE” lang=”de_DE” xmlns=”http://www.w3.org/1999/xhtml”>
<body>
<div>
<div id=”header”>
<div id=”seitenurl”></div>
<p align=”center”>
</div>
<div id=”main”>…</div>
<div id=”footer”>
<a href=”http://www.meine-domain.de/index.php?id=100&cmd=edit&aC=###SYS_AUTHCODE###&rU=###USER_uid###”>Hier können Sie Ihre Newsletter-Anmeldung bearbeiten oder abbestellen</a><br />
</div>
</div>
</body>
</html>
Templavoila Vorlagendatei
Noch ein Hinweis: der Link zur Subscription-Seite wird nicht gefüllt, wenn nur eine Testmail versand wird. Logisch, denn dann liegt auch kein Empfänger vor.
Verwandte Beiträge: