.. include:: /Includes.rst.txt =========================================== Synchronisation mit Socialmedia Plattformen =========================================== .. versionadded:: 7 Für die Einbindung von Socialmedia in TYPO3 gibt es prinzipiell 2 Wege Die erste Variante nutzt primär TYPO3 zum Erstellen der Inhalte und schiebt diese dann über entsprechenden Verknüpfungen auf Socialmedia Portale. :: Beitrag wird in TYPO3 als News erstellt | | +----> Beitrag wird auf Socialmedia Portal (z.B. Facebook erstellt) kopiert Die zweite Variante nutzt primär die Socialmedia Portale um Beiträge zu erstellen. :: Beitrag wird auf Socialmedia Portal (z.B. Facebook) erstellt | | +----> Beitrag wird in TYPO3 als News importiert. Beide Varianten sind mit TYPO3 realisierbar und haben jeweils spezifische Vor- und Nachteile. Folglich sollten Sie sich vorher Gedanken über ihre Veröffentlichungsworkflows im Verband machen. **Variante 1** ist besonders geeignet, wenn Ihre Redakteure primär in TYPO3 arbeiten und Socialmedia Portale nur zusätzlich zum Veröffentlichen und Verlinken der Informationen auf Ihrer Homepage genutzt werden sollen. **Variante 2** ist besonders dann geeignet, wenn Sie Socialmedia Portale als primäres Medium zur Interaktion mit Ihren Zielgruppen verwenden und Inhalte, die dort erstellt wurden auch über Ihre Internetseite publizieren wollen. -------------------------------------------------------------------------- Realisierung Variante 1 (News in TYPO3 in Sozialen Netzwerken publizieren) -------------------------------------------------------------------------- Voraussetzungen --------------- - TYPO3 7.6+ installiert und lauffähig [1] - Extension News von Georg Ringer [2] - Facebookfanpage - Twitterkonto Integration ----------- Zuerst müssen die Newsbeiträge maschinenlesbar publiziert werden, das geschieht in Form eines RSS Feeds [3]. Die Extension News [2] bietet dafür eine entsprechende Konfiguration an [4]. **In der Mustervorlage muss dafür nichts extra konfiguriert werden.** Der RSS Feed kann dann über den folgenden Link abgerufen werden: :: http(s):///?type=9818 Durch eine entsprechende Real-Url-Konfiguration kann daraus auch eine URL folgenden Schema gemacht werden: :: http(s):///news-rss.xml **Diese Einstellung ist in den Musterseiten bereits vorgenommen wurden.** Dieser Feed wird nun einen Dienst übergeben, der daraus die Facebookposts erstellt. Der Ablauf ist nun wie folgt: :: Beitrag wird in TYPO3 als News erstellt | +-> RSS-Publisher-Dienst crawlt den RSS Feed, | der der Seite bekannt gegeben wurde regelmäßig | +-> RSS-Publisher-Dienst publiziert die neuen | Newsbeiträge auf Facebook | +-> Facebook publiziert über die Twitterintegration die Beiträge auf Twitter Als RSS-Publisher-Dienst haben sich die folgenden Dienste bewährt: - https://ifttt.com/ mit https://ifttt.com/connect/feed/facebook_pages Bei allen Dienste muss das Dienstkonto mit einem Administratorkonto der Facebookseite verknüft werden. Danach werden die Veröffentlichungseinstellungen festgelegt. Wenn das posten der Beiträge über den RSS-Publisher-Dienst auf Facebook funktioniert, wird das Posten der Facebook-Beiträge über [5] auf Twitter aktiviert. Auf [5] wird dazu die gewünschte Facebookseite mit einem Twitterkonto verknüpft und die zu veröffentlichen Inhalten werden festgelegt. IFTT Facebook ------------- Wenn Sie noch keinen Account auf ifttt.com für Ihren Kreisverband besitzen legen Sie einen auf der folgenden Internetseite an, dazu benötigen Sie eine E-Mailadresse und ein Passwort, welches Sie selbst festlegen können. - https://ifttt.com/join Öffnen Sie **https://ifttt.com** und folgen Sie den Schritten in den Screenshots. Rote Pfeile zeigen Aktionen an. Geben Sie hier eine gültige E-Mail-Adresse und Ihr Wunschpasswort an. |image0| Nach der Anmeldung erhalten Sie eine E-Mail mit einem Bestätigungslink, prüfen Sie ggf. Ihren Spam-Ordner, falls die E-Mail nicht angekommen ist. |image1| Sie erhalten nach wenigen Minuten die folgende Mail, sind aber sofort eingelogt. |image2| Klicken Sie auf Ihren Accountnamen und wählen Sie aus dem sich öffnenen Menu die Aktion **"New Applet"**. |image3| Wählen Sie mit einem Klick auf die Schaltfläche "+ this" die Quelle für Ihre Daten. |image4| Da Sie einen RSS-Feed anbinden wollen nutzen Sie den Dienst **"Feed"** und klicken Sie diesen an. Falls dieser nicht wie abgebildet sofort verfügbar ist, suchen Sie nach "Feed". |image5| Mit der Auswahl von **"News feed item"** legen Sie fest, dass die folgende Aktion (hier Veröffentlichung bei Facebook) für jeden Eintrag vorgenommen werden soll. |image6| Geben Sie nun die URL wie bereits oben beschrieben an. :: http(s):///news-rss.xml Ersetzen Sie dabei ```` mit der Domain Ihres Kreisverbandes. Dresden würde also zum Beispiel ``https://www.drk-dresden.de/news-rss.xml`` als URL angeben. Wollen Sie die News des Generalsekretariats auf Ihrer Facebookseite ausgeben, so nutzen Sie bitte ``https://www.drk.de/news-rss.xml``. |image7| Wählen Sie im nächsten Schritt, dass Sie auf eine Facebookseite publizieren wollen, dazu suchen Sie nach **"Facebook"** und klicken dann auf **"Facebook Pages"** |image8| Jetzt wird Ihr IFTT-Konto mit Ihrem Facebook-Account verbunden, sodass Posts automatisch erstellt werden können. Betätigen Sie dazu den **"Connect"**-Button. |image9| Daraufhin öffnet sich ein Fenster, in dem beide Accounts verknüpfen, welches Sie mit OK bestätigen. |image10| Nun wählen Sie die Facebookseite aus, auf der die neuen Nachrichten dargstellt werden sollen, falls Sie nur eine Facebookseiten besitzen, kann es sein, dass dieser Schritt übersprungen wird. |image11| Wählen Sie nun den Posttyp, der von IFTT erstellt werden soll. Dabei ist der **"Create a link Post"** zu präferieren, da Sie dabei noch die originale News verlinken können, was gleich beschrieben wird. |image12| Wählen Sie die Einträge wie im Screenshot gezeigt aus. - ``{{EntryTitle}}`` - Titel der News - ``{{EntryContent}}`` - Inhalt der News - ``{{EntryImageUrl}}`` - Bild der News Nun werden die wichtigsten Informationen auf Facebook dargestellt. Falls Sie weitere Informationen darstellen wollten oder jeder Post mit einem Freitext begleitet werden soll, so ist dies hier möglich. |image13| Betätigen Sie den Button **"Create action"** und damit wird ihr Eintrag gespeichert. |image14| Mit **"Finish"** kehren Sie wieder zur Übersicht zurück. |image15| | Vergessen Sie nicht das Logout. | Die Publikation von News aus dem Feed kann bis zu einer Stunde dauern. ----------------------- Realisierung Variante 2 ----------------------- Diese Variante eignet sich in der Einrichtung eher für erfahrene Integratoren. Vorraussetzungen ---------------- - TYPO3 7.6+ installiert und lauffähig [1] - Extension News von Georg Ringer [2] - Extension social\_stream (branch=news) [6] - Facebookfanpage - Twitterkonto - TYPO3 Scheduler muss funktionieren und ausgeführt werden Die Integration funktioniert hier umgedreht zu Variante 1. Dazu wird die TYPO3-Installation an die entsprechenden Sozialen-Netzwerke gebunden, sodass die Nachrichten ins System importiert werden können. Dazu wird eine Datensatz vom Typ Channel erstellt, in dem das Soziale-Netzwerk gewählt wird und die entsprechende Kopplung vorgenommen wird. Über den Scheduler werden denn die Schnittstellen der eingerichteten Sozialen-Netzwerke regelmäßig angefragt und so die aktuellen Daten abgerufen. Weitere Informationen zum Einbinden der Sozialen-Netzwerke in *social\_stream* finden sich in der Online-Dokumentation der Extension [6]. ------------------------------------------ Realisierung Variante 3 (todo / in Arbeit) ------------------------------------------ Hier werden die Facebook Newsfeeds durch einen Drittdienst in RSS verwandelt. Dazu mindestens ist ein derzeit kostenloses Konto bei fetchrss.com nötig. #. Loggen Sie sich bei Facebook ein und kopieren Sie die URL Ihrer Facebook Seite in die Zwischenablage #. wechseln Sie auf http://fetchrss.com und fügen Sie dort die URL Ihrer Facebook Seite ein. #. Legen Sie ein Konto an oder melden Sie sich an. #. Melden Sie sich in ihrem TYPO3 an #. Wechseln Sie in das Modul Liste #. Suchen Sie den Systemordner für RSS Importe (TODO Name) #. Legen Sie dort einen Systemordner unterhalb der Seite an (Bsp.: RSS Facebook ) #. Legen Sie auf der Seite RSS Importe (TODO Name) eine Import Definition an #. Als URL verwenden Sie die von fetchrss.com ausgegebene URL und ändern die Endung Atom auf RSS. Wechseln Sie in das Modul newssync und führen Sie die erste Synchronisation durch. ----------- Datenschutz ----------- Bei der Verwendung von Sozialien Netzwerken muss stets der Datenschutz der Nutzer mit betrachtet werden. .. hint:: Weitere Informationen dazu gibt es zum Beispiel beim Bundesdatenschutzbeauftragten [9], [10] oder auf datenschutzbeauftragter-info.de [11]. ------- Quellen ------- - [1] https://typo3.org/download/ - [2] https://typo3.org/extensions/repository/view/news - [3] https://de.wikipedia.org/wiki/RSS_(Web-Feed) - [4] https://docs.typo3.org/typo3cms/extensions/news/AdministratorManual/BestPractice/Rss/Index.html - [5] https://www.facebook.com/twitter - [6] https://github.com/siwaonline/social_stream/tree/news - [7] https://typo3.org/extensions/repository/view/cc_facebook_publisher - [8] https://typo3.org/extensions/repository/view/social_autopublish - [9] http://www.bfdi.bund.de/SharedDocs/Publikationen/Allgemein/DatenschutzrechtlicheAnforderungenAnFacebook.html?cms_templateQueryString=social&cms_sortOrder=score+desc - [10] http://www.bfdi.bund.de/SharedDocs/Publikationen/Entschliessungssammlung/DuesseldorferKreis/08122011DSInSozialenNetzwerken.html?cms_templateQueryString=social&cms_sortOrder=score+desc - [11] https://www.datenschutzbeauftragter-info.de/ .. |image0| image:: iftt-facebook/01-registration.png .. |image1| image:: iftt-facebook/01-mail.png .. |image2| image:: iftt-facebook/02-first-login.png .. |image3| image:: iftt-facebook/03-select-new-applet.png .. |image4| image:: iftt-facebook/04-select-ift.png .. |image5| image:: iftt-facebook/05-select-feed.png .. |image6| image:: iftt-facebook/06-select-newfeedsitem.png .. |image7| image:: iftt-facebook/07-provide-uri.png .. |image8| image:: iftt-facebook/15-facebook-page.png .. |image9| image:: iftt-facebook/16-facebook-connect-page.png .. |image10| image:: iftt-facebook/17-facebook-connect-window.png .. |image11| image:: iftt-facebook/18-select-facebook-page.png .. |image12| image:: iftt-facebook/10-select-create-post.png .. |image13| image:: iftt-facebook/11-select-post-structure.png .. |image14| image:: iftt-facebook/12-create-post.png .. |image15| image:: iftt-facebook/19-finish-facebook-page.png