Blogbeiträge in sozialen Netzwerken veröffentlichen
Webseiten können in sozialen Netzwerken geteilt werden. Dies kann jederzeit händisch erfolgen, indem zB. ein Sharebutton (wie unter diesem Beitrag zu finden) betätigt wird. Ein automatisches Teilen bzw. Veröffentlichen von Wordpress-Artikeln auf der eigenen Firmenseite (Fanpage) im Social Network ermöglichen entsprechende Plugins, wie zB. das WordPress-eigene, kostenlose, Jetpack: http://wordpress.org/plugins/jetpack/ Vorteil: Ein neuer Wordpress-Artikel kann automatisch bei der ersten Veröffentlichung auf mehreren Plattformen (Facebook, Google+, Twitter,...) geteilt werden.Welche Daten werden beim Teilen verwendet?
Im <head> - Bereich einer Seite kann mit Hilfe von Metadaten das Aussehen der geteilten Postings in den Social Networks beeinflusst werden. Für Facebook eignen sich Open Graph-Tags. Für Google+ und Twitter gibt es eigene Tags, jedoch gibt es bei diesen Plattformen ein Fallback auf die Facebook Open Graph Tags. Ein Bild für Facebook wird beispielsweise folgendermaßen definiert:<meta property="og:image" content="http://domain.de/pfad/bildname.png">Wurde kein Bild definiert, oder ist das definierte Bild zu klein, durchsucht Facebook die gesamte aktuelle Seite nach Bildern in geeigneter Größe (ab 200 x 200px) und wählt meist das erste geeignete Bild aus. Das Durchsuchen der Seite nach Bildern kostet unnötig Zeit beim Teilen und das Ergebnis ist nicht immer das Gewünschte.
Ein Bild für Facebook in WordPress definieren
Im Jetpack-Plugin gibt es keine Möglichkeit, ein Bild für Facebook zu definieren. Dennoch integriert Jetpack Open Graph-Tags in die Website und setzt meistens ein mehr oder weniger geeignetes Bild des Beitrages ein. Schöner ist es, Bilder selbst und bewusst zu definieren. Dazu eignet sich u.a. ein kostenfreies, unkompliziertes und auch bestens für TOXID geeignetes Plugin: Facebook Open Graph Meta Tags for WordPress Sie finden das Plugin im WordPress-Adminbereich unter Plugins>Plugins installieren>Suche oder direkt auf der Plugin-Seite zum Download: http://wordpress.org/plugins/wonderm00ns-simple-facebook-open-graph-tags/Plugin-Einstellungen: Bilder definieren
Geeignete Bildgrößen wählen
Open Graph Tags in das XML Theme integrieren
Mithilfe des Plugins werden die Open Graph-Tags automatisch in den <head> - Bereich der WordPress-Standardthemes integriert. Beim Einsatz von TOXID wird der <head>-Bereich (bzw. wp_head) bewusst nicht zu OXID übertragen, um ein Durcheinander von Metadaten, Scripten und CSS-Dateien aus WordPress im OXID eShop zu vermeiden. Deshalb ist es bei Bedarf erforderlich, die gewünschten Inhalte des <head> - Bereichs extra zum OXID eShop zu übertragen. Hierzu muss zunächst in der Datei header.tpl des XML-Themes folgender Codeschnipsel zB. direkt nach <toxid> hinzugefügt werden:<wpograph><!]></wpograph>Dies sorgt für die Ausgabe der Open Graph - Tags im XML-Theme, sobald das Modul Facebook Open Graph Meta Tags for WordPress aktiviert wurde.
Tags vom XML-Theme an den OXID eShop übergeben
Im OXID eShop müssen die Open Graph-Tags auch noch entgegen genommen werden, indem in der Datei base.tpl zB. im oberen Bereich bei den bereits vorhandenen <meta> - Tags, folgender Code-Schnipsel eingefügt wird:[{if $oView->getClassName() eq 'toxid_curl'}]
[{assign var='toxid' value=$oViewConf->getToxid()}]
[{$toxid->getCmsSnippet(wpograph)}]
[{/if}] Nun werden die Open Graph - Tags automatisch im OXID eShop in den Blogartikelseiten integriert. Das definierte Bild wird auch dann verwendet, wenn der Beitrag vom Seitenbesucher mit einen Share-Button geteilt wird. Weitere Anpassungen im OXID eShop
Zu beachten ist auch, dass der OXID eShop, falls unter "Stammdaten > Grundeinstellungen > Einstell. > Facebook" eine Application - ID eingetragen wurde, eigene Open Graph-Tags einsetzen möchte, die jedoch im Blogbereich ungeeignet sind. Mit den OXID-eigenen Tags würde standardmäßig immer die OXID-Einkaufstüte beim Teilen eines Blogbeitrags als Bild verwendet werden. Es ist deshalb erforderlich, die OXID Open Graph-Tags auf den Blogseiten zu entfernen, indem in der OXID-Datei /tpl/layout/base.tpl folgende Zeile (im Standard Azure Zeile 29)[{if $oViewConf->getFbAppId()}] folgendermaßen ergänzt wird: [{if $oViewConf->getFbAppId() && $oView->getClassName() ne 'toxid_curl'}]