Facebook Teilen-Funktion

Artikel Ihrer Weblication® CMS Webseite veröffentlichen Sie einfach und komfortabel über die Teilen-Funktion des Social Buttons, damit diese auf Ihrem Facebook Account bzw. der Facebook Seite erscheinen.

Mit dem Weblic® "Social Button" steht Ihnen eine einfache und komfortable Möglichkeit zur Verfügung, um Inhalte Ihrer Homepage auch über Ihren Facebook Account bzw. Ihre Facebook Webseite zu veröffentlichen.

Zusätzlich zur früheren Facebook-Schnittstelle können Sie Meldungen bei Facebook nicht nur über eine Weblication® Listen-Funktion veröffentlichen, sondern auch direkt über einen Social-Button (Teilen) von jeder Seite aus. Wenn Sie diesen Social-Button z.B. im globalen Bereich der Seite definieren (z.B. Fußbereich), kann über alle Seiten, die diesen globalen Bereich nutzen, die Teilen-Funktion aufgerufen werden.

1) Social Button für Facebook Teilen-Funktion

Um Inhaltsseiten direkt über Facebook teilen zu können, steht Ihnen der "Social Button" als Weblic® in einer BASE Projektbasis zur Verfügung.

1.1 Social Button als Weblic® installieren/einbinden

Den Social Button können Sie als Weblic® 2.x Version über das weblics.de-Portal installieren (siehe Weblic® installieren). In aktuellen BASE Classic 2.x Projekten ist dieses Weblic® bereits vorinstalliert.
Auch in Mobile First Projekten ist dies so als Weblic® verfügbar und bereits vorinstalliert.

1.2 Social Button für Facebook konfigurieren

Über die Konfiguration des Social Buttons wählen Sie "Facebook" in der Auswahlbox "Icon / Type"aus. Die Konfigurationsmaske unterscheidet sich ggf. je nach Projekt, was an dieser Stelle aber nicht von Belang ist.

Um die Seite zu teilen, in der der Social Button eingebunden ist, tragen Sie im Feld "Links zum Folgen / Teilen" die URL ein, die unterhalb des Feldes bei "Link zum Teilen" angegeben ist:

https://www.facebook.com/sharer/sharer.php?u=$url

Der Parameter $url wird automatisch beim Generieren der Seite durch die URL der aktuell aufgerufenen Seite ersetzt.

Über die Konfiguration des Elementes können Sie optional auch den Titel-Text des Buttons definieren, sowie das Layout des Buttons bestimmen.

Social Button für Facebook
Social Button für Facebook
Social Button für Facebook - Link zum Teilen
Social Button für Facebook - Link zum Teilen

1.3 Veröffentlichen von Meldungen bei Facebook aktivieren und einstellen

Öffnen Sie als Administrator über das Weblication® Panel die Projektkonfiguration (Konfiguration / Layout - Projektkonfiguration).
Im unteren Bereich finden Sie bei einem aktuellen BASE Classic Projekt die Überschrift "Social Networks", bei Mobile First Projekten direkt den Punkt Facebook.
Aktivieren Sie die Option "Meldungen bei Facebook veröffentlichbar machen".
In älteren BASE Classic Projekten erscheint zu Facebook ggf. noch ein ein Feld "Facebook Name". Dies ist lediglich dafür erforderlich, damit Sie über das Panel die hier hinterlegte Seite aufrufen können. Für die Teilen-Funktion hat diese Angabe keine Bedeutung.

Feldbezeichnung

Wert

Meldungen bei Facebook veröffentlichbar machen

Ja

Facebook Name

Ihr-Facebook-Name bzw. Facebook-ID
(z.B. maxmustermann für http://facebook.com/maxmustermann)
Falls es sich um eine Seite und nicht um eine Person handelt, müssen Sie die Seiten-ID eingeben. Wenn Sie wollen, dass die Posts unter dem Namen der Seite veröffentlicht werden, müssen Sie zudem page: vor die Seiten-ID setzen. (z.B. page:157423426302509). Wichtig bei Angabe einer Seite ist, dass hinter "page:" die ID und nicht der Name angegeben ist!
Wie Sie die ID zu einer Seite bzw. einem Benutzer ausfindig machen können, finden Sie nachfolgend in der Hinweise-Box beschrieben.

Bitte beachten Sie, dass im Feld Facebook-Name nicht die Anwendungs-ID angegeben wird!

Die Angabe des Facebook Name dient lediglich zum Öffnen der entsprechenden Facebook-Seite über das Weblication® Panel!

Hinweise

  • So können Sie die ID zu einer Seite bzw. einem Benutzer ausfindig machen:
    Geben Sie im Browser einfach folgende URL ein, und ersetzen Sie USERNAME bzw. FANPAGE durch die eigenen Angaben:
    http://graph.facebook.com/USERNAME
    http://graph.facebook.com/FANPAGE
    In der Textausgabe können Sie in den ersten Zeilen die ID entnehmen.

1.4 Inhalt über Facebook veröffentlichen / teilen

Für das Veröffentlichen in Facebook reicht es aus, in der Webseite auf den Facebook-Button zu klicken. Es öffnet sich ein neues Fenster, über welches Sie sich - wenn nicht schon erfolgt - mit dem gewünschten Facebook-Login anmelden können.

Nach erfolgtem Login haben Sie nun die Möglichkeit, auf der Facebook-Sharer Seite zu entscheiden, wo die Inhalte der Seite veröffentlicht werden sollen:

  • In deiner eigenen Chronik
  • In der Chronik eines Freundes
  • In einer Gruppe
  • Auf einer von dir verwalteten Seite
  • In einer privaten Nachricht
Seite auf Facebook teilen
Seite auf Facebook teilen
Facebook Sharer-Funktion mit Auswahl
Facebook Sharer-Funktion mit Auswahl

2) Listenübersicht für Facebook Teilen-Funktion

Häufig handelt es sich bei Inhalten, die in Facebook veröffentlicht werden sollen, um aktuelle Meldungen, Veranstaltungstermine oder ähnliches.
Weblication® bietet in der aktuellen BASE Classic und aktuellen Listen-Weblic® bereits im Standard der Default-Liste die Möglichkeit, zu den aufgelisteten Dateien die Facebook Teilen-Funktion einzublenden.

Mobile First Listeneinbindung
BASE Classic Listeneinbindung
Mobile First Listeneinbindung

2.1 Facebook Teilen-Button über CSS aktivieren

In Mobile First Projekten erfolgt das Einbinden der Facebook Teilen-Schaltfläche über Listenerweiterungen, welche - sofern im Projekt noch nicht vorhanden - über das gleichnamige Weblic® nachinstallieren können.

Den Einsatz von Listenerweiterungen finden Sie in der BMF-Hilfe beschrieben.

Beispielhaftes Einbinden der Listenerweiterung zur Anzeige eines Buttons, um auf Facebook zu teilen (z.B. innerhalb .listDefault_var0)

-w-displayElements:listEntryExtensionFacebookShare=yes,...

2.2 Inhalt über Facebook veröffentlichen / teilen

Für das Veröffentlichen in Facebook reicht es aus, zur entsprechenden Meldung auf den Facebook-Button zu klicken. Es öffnet sich ein neues Fenster, über welches Sie sich - wenn nicht schon erfolgt - mit dem gewünschten Facebook-Login anmelden können.

Nach erfolgtem Login haben Sie nun die Möglichkeit, auf der Facebook-Sharer Seite zu entscheiden, wo die Inhalte der Seite veröffentlicht werden sollen:

  • In deiner eigenen Chronik
  • In der Chronik eines Freundes
  • In einer Gruppe
  • Auf einer von dir verwalteten Seite
  • In einer privaten Nachricht
BASE Classic Listeneinbindung

2.1 Facebook Teilen-Button über CSS aktivieren

Das Weblic® Liste liefert in aktueller Version über das Standard-Zeilentemplate (default.wFilelist.php) bereits im Standard die Möglichkeit, den Facebook Teilen-Button für eine Liste zu nutzen:

Beispiel: Auszug aus default.wFilelist.php zum Facebook Teilen-Button

...
                <xsl:if test="php:functionString('wVariables::getValue', 'facebook_news_active', '/[IHR-LAYOUT-PROJEKT]') = 'yes'">
                  <xsl:if test="wd:extension/wd:object[@type = 'news'] or /wFilelist/wData/data[@name = 'showFacebookPublisher'] = 'yes'">
                    <wsl:button path="{@path}" caption="" title="{php:functionString('wTexts::getTextUser', 'be_publish_on_facebook')}" onclick="wShowMaskShareOnFacebook('/[IHR-LAYOUT-PROJEKT]/wGlobal/scripts/php/wPublishOnFacebook.php', '{php:functionString('wVariables::getValue', 'facebook_name', '/[IHR-LAYOUT-PROJEKT]')}', '{php:functionString('wStringconverter::removeLinebreaks', php:functionString('wStringconverter::maskAposJS', php:functionString('htmlspecialchars', wd:extension/wd:meta/wd:description/text())))}', '{$wHostURL}{@path}', '{php:functionString('wStringconverter::removeLinebreaks', php:functionString('wStringconverter::maskAposJS', php:functionString('htmlspecialchars', wd:extension/wd:meta/wd:title/text())))}', '{wd:extension/wd:meta/wd:thumbnail/@src}')" icon="add_facebook" class="wglButton beButtonEditRow beButtonFacebookPublisher" hideInEditor="1"/>
                  </xsl:if>
                </xsl:if>
...

Das o.g. Beispiel geht von einem globalen Projekt mit dem Verzeichnisnamen /[IHR-LAYOUT-PROJEKT] aus, welcher bei Ihnen entsprechend Ihrer Installation lautet (z.B. /de-wGlobal). Hier erfolgt die Abfrage, ob die Facebook-Schnittstelle über die Projektkonfiguration aktiviert ist. Wenn dies der Fall ist, wird der Button dann eingeblendet, wenn es sich um eine Seite vom Objekt-Typ "news" handelt oder in der ausgewählten CSS-Only-Variante die Eigenschaft -w-show-facebookpublisher aktiviert ist.

Ist mindestens eine der Bedingungen erfüllt, steht für die entsprechende Liste in eingeloggtem Zustand bei entsprechender Berechtigung der Facebook Teilen-Button zur Auswahl. Stellen Sie dazu sicher, daß das im Listen-Zeilentemplate angegebene Skript wPublishOnFacebook.php in aktueller Version im Projekt abliegt (vergleiche auch jeweils aktuelle BASE).

2.2 Inhalt über Facebook veröffentlichen / teilen

Für das Veröffentlichen in Facebook reicht es aus, zur entsprechenden Meldung auf den Facebook-Button zu klicken. Es öffnet sich ein neues Fenster, über welches Sie sich - wenn nicht schon erfolgt - mit dem gewünschten Facebook-Login anmelden können.

Nach erfolgtem Login haben Sie nun die Möglichkeit, auf der Facebook-Sharer Seite zu entscheiden, wo die Inhalte der Seite veröffentlicht werden sollen:

  • In deiner eigenen Chronik
  • In der Chronik eines Freundes
  • In einer Gruppe
  • Auf einer von dir verwalteten Seite
  • In einer privaten Nachricht
Meldung auf Facebook teilen
Meldung auf Facebook teilen
Facebook Sharer-Funktion mit Auswahl
Facebook Sharer-Funktion mit Auswahl

3) Allgemeines

Sofern beim Publizieren in Facebook nicht das für og:image definierte Bild verwendet wird, kann dies an einem Cache zum Open Graph Object liegen. Nutzen Sie dann den Open Graph Object Debugger von Facebook (siehe weiterführende Links unten).

Sofern in der Projektkonfiguration zu Facebook aufgrund einer älteren Umsetzung ein Facebook Schlüssel/Geheimnis hinterlegt sind, blendet die Software über die browseEdit.js die alte Facebook-Schnittstelle ein. Ansonsten wird die neue Facebook Teilen-Funktion genutzt.

Alte Umsetzung

Diese Information steht nur noch für interne Zwecke zur Verfügung!