Einrichtung des Instagram-Streams
1 / Facebook App anlegen
Als erstes musst du eine App auf developers.facebook.com/apps anlegen. Unter Meine Apps kannst du alle deine Apps einsehen und rechts oben über den grünen Button App erstellen deine App anlegen.
Falls du nach dem Business-Portfolio gefragt wirst, wählst du hier aus, dass du kein Business-Portfolio verknüpfen möchtest.
Wähle Sonstiges aus.
Bei App-Typ wählst du Konsument aus.
Gib der App einen Namen und trage eine E-Mail Adresse ein.
Klicke bei dem Produkt Instagram Basic Display auf Einrichten.
Erstelle eine neue App, indem du den Button Neue App erstellen klickst.
Gebe der App einen beliebigen Namen.
Trage unter Client-OAuth-Einstellungen, Autorisierung widerrufen und Anfragen zur Löschung von Daten
die folgende URL ein: https://ihre-domain.de/_instagram/auth (Ersetze ihre-domain.de mit deiner Domain).
Bei Nutzer-Token-Generator klickst du auf Add or Remove Instagram Testers.
Klicke oben rechts auf Personen hinzufügen, wähle als zusätzliche Rolle Instagram-Tester und gib bei dem Suchfeld deinen Instagram-Account an.
Unter folgender URL https://www.instagram.com/accounts/manage_access/ unter dem Reiter Tester-Einladungen kannst du die Anfrage akzeptieren.
2 / News-Archiv anlegen
Zuerst legst du ein News-Archiv an, in dieses werden die Instagram-Posts später importiert. Eine Weiterleitungsseite musst du 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 legst du für jeden Instagram-Account ein neues News-Archiv an, da du so im Nachrichtenlisten-Modul später auch einzelne Accounts wieder abwählen kannst.
3 / Account anlegen und Token generieren
Account-Einstellungen
Um einen Account anzulegen, wählst du die Schaltfläche Neuen Social-Feed Account anlegen und beim Typ Instagram aus. Anschließend öffnet sich eine Seite mit dem Formular, wo du alle notwendigen Daten zum Account hinterlegen musst.
Instagram App ID: Gebe hier die App-ID ein, die du in den Einstellungen der Instagram App findest (Instagram Basic Display -> Basic Display).
Instagram App Secret: Gebe hier den App-Geheimcode ein, den du in den Einstellungen der Instagram App findest (Instagram Basic Display -> Basic Display).
Instagram Access Token: Der Access Token wird automatisch generiert, nachdem du das Formular abgeschickt hast und das Häkchen bei Access Token anfordern gesetzt hast.
Access Token anfordern: Setze dieses Häkchen, wenn das Feld für den Access Token noch leer ist. Nachdem du das Formular abgeschickt hast wird ein Access Token automatisch generiert.
Instagram-Account: Gebe hier den Profilnamen an, der auf der Webseite angezeigt werden soll.
Maximale Anzahl an Posts: Hier kannst du die Anzahl der zu importierenden Posts bestimmen.
News-Archiv: Wähle hier das News-Archiv aus, in welches die Instagram-Posts importiert werden sollen.
Ausführung des Cronjobs: Wähle hier aus, wie oft der Cronjob aufgerufen werden soll, um neue Instagram-Posts zu importieren. Du hast 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. Wenn du die Felder leerst, kannst du einen neuen Import erzwingen.
Profilbild: Das Profilbild wird standardmäßig nicht mit importiert, daher musst du es bei diesem Feld auswählen, damit es auf der Webseite angezeigt wird. Zusätzlich kannst du noch eine Bildgröße setzen, z. B. Wichtiger Teil, 50x50px.
Access Token generieren
Der Access Token wird automatisch generiert, nachdem du das Formular abgeschickt und das Häkchen bei Access Token anfordern gesetzt hast.
Es sollte nun eine Seite erscheinen um den Zugriff auf die Profilinformationen und Medien zu autorisieren.
Wenn du auf Autorisieren geklickt hast, sollte der Access Token generiert worden sein.
Falls die Fehlermeldung Invalid redirect_uri erscheint, kann es helfen die Domain in der URL von http auf https
zu ändern.
Sollte die Generierung des Access Tokens nicht funktionieren, kann dieser auch manuell in der angelegten App generiert werden (bei Test Users). Den generierten Access Token kannst du dann im Contao Backend im Feld Instagram Access Token einfügen.
4 / Modul anlegen
Auf der Seite Einrichtung Modul findest du alle weiteren Hinweise zum Anlegen und Platzieren des Moduls.
