Liste. gets auswählen. 4. Hier. klicken. 5. Den. kopieren und in der. 8. Den

Transkript

1 EINBINDUNG EXTERNER INHALTE Einbindung Twitter: 1. Bei Twitter einloggen 2. Am rechten oberen Rand der Seitee auf das Zahnrad klicken und in der sich öff- nenden Dropdown- wählen 3. Aus der Liste auf der Liste Einstellungen linken Seite Wid- 4. Hier auf neu erstel- gets auswählen len klicken 5. Den Reiter Benutzer Timeline wählen 6. Unter Benutzername den Namen dess einzubindenden Twitter- kopieren und in der Accounts eintragen (z.b. FU Berlin) 7. Auf Widget erstellen klicken 8. Den iframe-link (erscheint im Fenster unter der Vorschau) CMS-Vorlage an entsprechender Stelle einfügenn 1

2 Einbindung Youtube 1. Entsprechendes Video auff Y- outube aufrufen 2. Unter dem Video den Reiter Teilen auswählen 3. Hier die Option Einbetten wäh- len 4. Einstellungen konfigurieren: a) Häkchen weg bei Nach En- de des Videos vorgeschlage- ne Videos anzeigen raus- nehmen b) Häkchen bei Erweiterten Da- tenschutzmodus aktivieren setzen 5. iframe-code kopieren und an entsprechender Stelle in der CMS-Vorlage einfügen 2

3 Einbindung Google Maps 1. Über Google Maps (per Eingabe der gewünschten Adressee in das Suchen -Feld)) die einzubindende Karte aufrufen 2. Beim Klicken auf das Verlinkungs-Symbol (oben links neben der Karte; siehe Abbildung) erscheint ein Feld mit der einzubindenden iframe-adresse 3. Um den Kartenausschnitt zu konfigurie- ren/ /anzupassen, klicken Sie auf den Link Costumize and preview embedded map im unte- eingebunden werden soll, können verschiedene Konfigurationenn vorgenommen werden: a. Bei der Einbindung der ren Bereich des Feldes (siehe Abbildung) 4. Je nachdem an welcher Stelle der Kartenausschnitt Karte als Hauptinhalt (z.b. Lageplan) empfiehlt sich die Kartengröße large b. Soll die Karten einen Hauptinhalte ergänzen (z. B. als Wegbeschrei- bung) sind die Kartengrö- ßen small oder medium ratsam c. Wird der Kartenaus-schnitt in einer Box (z.b. einspal- tig, linken Seitenrand)eingebunden, sollte die Kartengröße manuell auff 200 (Breite)x250 (Höhe) eingestellt werden 3

4 5. Den iframe-link aus dem Feld unter dem Kartenausschnitt kopieren und im CMS an entsprechender Stelle einfügen. Dabei ist im Fall c darauf zu achten, dass Höhe (250) und Breite(200) des frames auch im CMS manuell einzugeben sind. 4

5 Einbindung Facebook 1. Rufen Sie die Seite auf. Hier können Sie den HTML-Code zur Integration einer Facebook "Like-Box in Ihren Webauftritt generieren. 2. Geben sie dazu zunächst die URLL der einzubindendenn Facebook-Seite in das Feld Facebook Page URL ein. 3. Nun können Sie sie die Einbindung der Facebook-Seite konfigurieren: a. b. c. d. e. f. Je nach gewünschter Größe, können Sie unter Width und Height festlegen in welcherr Breite bzw. Höhe das einzubindende Element aus- gegeben werden soll. Unter Color Scheme könnenn sie im Dropdown-Menü zwischen einer hellen und dunklen Design-Version wählen. Zum Schutz von Persönlichkeitsrechten sollte das Häkchen bei Show Friends Faces entfernt werden, da andernfalls auch die Profilfotos von Facebookmitgliedern, die 2 3a den eingebundenenn Face- bookauftritt liken, automa- 3b tisch angezeigt werden. 3e Mit einem Häkchen bei 3c 3ff Show Post werden automit matisch (beginnend dem aktuellsten) die Posts 3d des entsprechendenn Face- Optional können Sie unter bookauftritts eingebunden. Show Header das Ban- Sie ner-element Findenn uns auf Facebook/Find us on Facebook mit einbin- den. Unter Show Border kön- nen Sie den eingebunde- mit ei- nen Inhalt optional nem Rahmen versehen. 4 5

6 4. Wenn Sie alle Konfigurationen vorgenommen haben, klicken k Siee auf den Get Code -Button. Wählen Sie den Reiter IFRAME und kopieren Sie den hier ausgegebenen Link. 5. Fügen die diesen Link in die CMS-Vorlage für Externee Inhalte imm Feld HTML-Code zum Einbetten ein. 6