Bild für Facebookeintrag über Like-Button

25. Jan 2012

Bestimmen Sie, welches Bild bei Posting über den Button "Facebook Gefällt mir / Like Plug-In" auf der Facebookseite verwendet wird.

Beim Erstellen von Einträgen auf Facebookseiten über den Facebook Like-Button verwendet Facebook willkürlich ein Bild von der entsprechenden Seite. Um selber zu bestimmen, welches Bild beim Klick auf den "Gefällt mir" Button publiziert wird, nutzen Sie das von Facebook definierte Open Graph Konzept.

Bedienen Sie sich dazu den Mitteln von Weblication® CMS, um z.B. das als Vorschaubild (Thumbnail) hinterlegte Bild der entsprechenden Seite zu verwenden.

Das Beispiel führt an, wie Sie das erforderliche Meta-Tag im Head der Seite ausgeben. Als Grundlage wird das Vorschaubild der jeweiligen Seite verwendet. Wenn dies nicht vorhanden ist, wird ein Standardbild gesetzt (otherwise-Bereich).

Auszug aus /IhrGlobalesProjekt/wGlobal/layout/templates/misc/includes.global.php

...
    <xsl:if test="/wd:document/wd:extension/wd:meta/wd:thumbnail/@src and /wd:document/wd:extension/wd:meta/wd:thumbnail/@src != ''">
      <xsl:choose>
        <xsl:when test="contains(/wd:document/wd:extension/wd:meta/wd:thumbnail/@src, '://')">
          <meta property="og:image" content="{/wd:document/wd:extension/wd:meta/wd:thumbnail/@src}"/>
        </xsl:when>
        <xsl:when test="php:functionString('wVariables::getValue', 'canonical_domain', $wGlobalProjectPath) != ''">
          <meta property="og:image" content="{php:functionString('wVariables::getValue', 'canonical_domain', $wGlobalProjectPath)}{/wd:document/wd:extension/wd:meta/wd:thumbnail/@src}"/>
        </xsl:when>
        <xsl:otherwise>
          <meta property="og:image" content="{php:functionString('wRequest::getDomain')}{/wd:document/wd:extension/wd:meta/wd:thumbnail/@src}"/>
        </xsl:otherwise>
      </xsl:choose>
    </xsl:if>
...

Weiterführende Links

Weblics.de: Facebook Gefällt mir / Like Plug-In
Facebook.com: Open Graph

Suche-Schnellauswahl

backupbannerbasebildbildergaleriecachecss-onlycss-picture-renderingdebugformularframeworklistelizenzmultinavigationnewsletterpasswortpersonalisierungresponsiveseosicherheitsprachknotensslumbenennenumzugversandvideovolltextsucheweblicwsl

Allgemeines

Twitter

RSS-Feed

Systemvorausssetzungen

Online-Dokumentation + Handbuch

Empfehlungen für den Einsatz von PHP

Versionshistorie

Support

Weblication® CMS Vorgängerversionen

Letzte Änderungen Framework / Pflegetags

Ähnliche Seiten

Entwicklerbereich Weblication® CMS - © Scholl Communications AG