Einrichtung des Facebook-Streams

Nach der Installation des Moduls werden Sie im linken Menü unter PDIR APPS den neuen Menüpunkt Social Feed Accounts sehen.

Auf dieser Seite können Sie neue Accounts anlegen und deren Einstellungen bearbeiten.

Facebook-App anlegen

Wenn Sie noch keine eigene Facebook App haben, müssen Sie diese erst anlegen. Ohne App können Sie keinen Social Feed Stream auf Ihrer Webseite anzeigen. Wie Sie eine App registrieren und konfigurieren, können Sie auf folgender Seite nachlesen: https://developers.facebook.com/docs/apps/register?locale=de_DE.

Die App muss im Dev-Modus laufen und darf nicht live geschaltet werden.

Wenn Sie Beiträge einer Facebook-Seite, von der Sie nicht Admin sind, anzeigen lassen wollen, müssen Sie die Facebook App erst zum App Review einreichen. Für die eigene Facebook Seite ist dies nicht notwendig.

News-Archiv anlegen

Bevor Sie einen Account anlegen, sollten Sie ein News-Archiv anlegen, in das die Facebook-Posts importiert werden sollen. Eine Weiterleitungsseite müssen Sie beim News-Archiv angeben, da dies ein Pflichtfeld ist, wobei es für das Social Feed Bundle nicht relevant ist, da es keine News-Detailseite gibt. Idealerweise legen Sie für jeden Facebook-Account ein neues News-Archiv aus, da Sie so im Nachrichtenlisten-Modul später auch einzelne Accounts wieder abwählen können.

Account anlegen

Um einen Account anzulegen, wählen Sie die Schaltfläche Neuen Social-Feed Account anlegen aus. Anschließend öffnet sich eine Seite mit dem Formular, wo Sie alle notwendigen Daten zum Account hinterlegen müssen. Nachdem Sie gespeichert haben, kann es sein, dass es 2-3 Minuten dauert bis alle Beiträge importiert wurden.

Facebook-Account: Geben Sie hier den Namen des Facebook-Accounts ein. Den Namen sehen Sie immer in der URL, wenn Sie Ihre Facebook-Seite aufrufen (z. B. facebook.com/account-name/.

App ID: Geben Sie hier die App ID Ihrer Facebook-App ein. Ihre App ID und den App Secret (oder auch App Geheimcode) können Sie in Ihrer Facebook-App unter Einstellungen > Allgemeines einsehen.

App Secret: Geben Sie hier den App Secret bzw. den App Geheimcode ein.

Access Token: Geben Sie hier den Access Token ein. Eine Anleitung, wie Sie den Access Token generieren können, finden Sie hier.

News-Archiv: Wählen Sie hier das News-Archiv aus, in welches die Facebook-Posts importiert werden sollen.

Ausführung des Cronjobs: Wählen Sie hier aus, wie oft der Cronjob aufgerufen werden soll, um neue Facebook-Posts zu importieren. Sie haben folgende Einstellmöglichkeiten: kein Cronjob, minütlich, stündlich, täglich, wöchentlich und monatlich.

Letzter Import: Die zwei Textfelder für den letzten Import dienen nur zur Information, wann der letzte Import stattfand.

(Die eingebenen Daten im Screenshot sind lediglich Beispieldaten)

Modul anlegen

Wenn Sie Ihre Accounts angelegt haben, legen Sie nun das dazugehörige Modul an. Dazu navigieren Sie zu Themes > Die Frontend-Module des Theme ID x bearbeiten (Zahnrad-Icon) und legen ein neues Modul an.

Als Modultyp wählen Sie unter Nachrichten die Nachrichtenliste aus. Wählen Sie die entsprechenden Nachrichtenarchive aus, die Sie in Ihrem Social Feed Stream darstellen möchten. Über das Feld Gesamtzahl der Beiträge können Sie noch die Anzahl der Beiträge begrenzen. Möchten Sie eine Pagination darstellen, füllen Sie das Feld Elemente pro Seite aus.

Beim Nachrichtentemplate müssen Sie das Template news_social_feed auswählen. Beim individuellen Template wählen Sie mod_newslist_social_feed aus. Unter Bildeinstellungen bei Bildgröße können Sie die Größe der Bilder anpassen.

Unter dem Punkt Social Feed Einstellungen können Sie die maximale Textlänge, die Anzahl der Spalten einstellen sowie Masonry aktivieren/deaktivieren und Bilder anzeigen/ausblenden.

Modul platzieren

Nachdem Sie das Modul angelegt haben, platzieren Sie das Modul an einer beliebigen Stelle.

Template-Anpassungen

Wenn Sie Contao 4.4 oder 4.5 nutzen, ist das Beitragsbild noch nicht standardmäßig verlinkt. Wenn Sie das Bild verlinken möchten, müssten Sie das Template news_social_feed.html5 wie folgt anpassen.

<a href="<?= $this->url ?>" target="_blank">
    <?php if ($this->addImage && $this->sfImages): ?>
        <?php $this->insert('image', $this->arrData); ?>
    <?php endif; ?>
</a>

results matching ""

    No results matching ""