Technische Spezifikationen iframe Einbindung bei Brand Profiles

Transkript

1 Technische Spezifikationen iframe Einbindung bei Brand Profiles Dieses Dokument enthält die detaillierte technische Anleitung zum Einfügen eines iframes bei Ihrem Brand Profile im studivz & meinvz. Stand: August

2 iframe Einbindung 1. iframes können sowohl für die Brand Profile-Vorderseite als auch für die Brand Profile-Rückseite eingebunden werden. 2. Um einen iframe für die Gestaltung Ihres Brand Profiles zu nutzen, muss zuerst eine App (iframe-app) mit den Einstellungen des iframes auf dem Brand Profile installiert werden. Im zweiten Schritt wird die iframe-app über den WYSIWYG-Editor ( What you see is what you get Editor) im Content Management Bereich des Brand Profiles eingebunden. Hinweis: Die App NobleProfile Iframe kann mehrfach installiert und in einem Brand Profile eingebunden werden. D.h. es können mehrere iframes auf Vorder- und Rückseite verwendet werden. 2

3 A) Installation der iframe-app 1. Loggen Sie sich mit Ihren Brand Profile Nutzerdaten ein. Um die notwendige App NobleProfile Iframe für den iframe zu installieren, geben Sie bitte folgende URL in Ihren Browser ein: Sie gelangen direkt zur Seite App hinzufügen. Klicken Sie anschließend auf Weiter. 3

4 2. In der Ansicht App hinzufügen unter Wer darf sehen, dass Du diese App nutzt? wählen Sie bitte alle aus und klicken auf Hinzufügen. Im Screen erscheint: Sie haben sich die NobleProfile iframe App geholt!. Ihre Installation war erfolgreich. U.a. können Sie nun auch über Meine Apps und Dienste in der Hauptnavigation Ihres Brand Profiles die iframe-app jederzeit aufrufen. 3. Im nächsten Schritt müssen Sie Ihre Einstellungen für das iframe vornehmen. Über das Schraubenschlüssel-Icon (rechts) gelangen Sie zu den Einstellungen. Klicken Sie danach bitte auf Bearbeiten. iframe Einstellungen für Inhalte 4

5 4. Es können zwei verschiedene Arten von iframes definiert werden: Profile-URL: iframe für die Brand Profile-Vorderseite (Breite: 390 px) Canvas-URL: iframe für die Brand Profile-Rückseite (Breite: 800 px) Tragen Sie bitte in die jeweilige Template-Zeile (Profil-URL/Canvas-URL) die Ziel-URL ( ) Ihres gewünschten iframe-inhaltes. Die iframe-höhe ist unter Profile-Height bzw. Canvas-Height bis max px frei wählbar. Klicken Sie abschließend auf Speichern, um Ihre Einstellungen zu bestätigen. Im WYSIWYG-Editor stellen Sie später ein, ob der iframe-inhalt entweder auf der Vorder- oder auf der Rückseite oder auf beiden Brand Profile-Seiten angezeigt wird. Canvas-URL iframe-inhalte werden nur auf der Brand Profile-Rückseite angezeigt. 5

6 4. Ansicht des Inhaltes der Profil-URL in der iframe-app nach erfolgreicher Installation und Festlegung der App-Einstellungen 6

7 B) Einbindung des iframes in das Brand Profile Nach erfolgreicher Installation der iframe-app mit den notwendigen Einstellungen (Siehe S. 3 6) können Sie nun im WYSIWYG-Editor das iframe einbinden, um die Inhalte auf Ihrem Brand Profile darzustellen. Die iframe-app kann auf dem Brand Profile sowohl für die Brand Profile-Vorderseite als auch für die Brand Profile- Rückseite eingebunden werden. Über Meine Seite bearbeiten in der Hauptnavigation Ihres Brand Profiles gelangen Sie zum WYSIWYG-Editor, wo Sie Ihre iframe-app einbinden. Unter dem Reiter Seite bearbeiten binden Sie Ihre iframe-app für die Brand Profile-Vorderseite ein. Unter dem Reiter Rückseite bearbeiten binden Sie Ihre iframe-app für die Brand Profile-Rückseite ein. Klicken Sie dazu auf den Button App einfügen/ersetzen. Hauptnavigation WYSIWYG-Editor 7

8 Folgende Einstellungen für die Einbindung des iframes müssen im Template getroffen werden: App: App-View: Interface: Zeigen: Wählen Sie die einzubindende App aus: NobleProfile iframe Wählen Sie hier zwischen den vordefinierten Größen Profile (iframe-app auf der Brand Profile- Vorderseite) oder Canvas (iframe-app auf der Brand Profile-Rückseite) Alle weiteren Auswahlmöglichkeiten der Dropdown-Liste können ignoriert werden. Sie können auswählen, ob eine App-Leiste mit dem Namen NobleProfile iframe App über dem iframe angezeigt werden soll. Voreingestellt ist ein Standard (Anzeige der App-Leiste). Sie wählen, ob unterhalb des iframes die Zeigen-Funktionen eingebunden wird. Voreingestellt ist ein Standard (Anzeige des Freunden zeigen -Links). iframe Einbindung auf Brand Profil-Vorderseite und Rückseite im WYSIWYG-Editor: Brand Profile-Vorderseite: Seite bearbeiten App einfügen/ersetzen App View: Profile Brand Profile-Rückseite: Rückseite bearbeiten App einfügen/ersetzen App View: Canvas Klicken Sie abschließend auf Einfügen, um Ihre Einstellungen zu bestätigen. 8

9 Nachdem Sie Ihre Einstellungen im WYSIWYG-Editor für das iframe bestätigt haben, erscheint im CMS-System ein sogenannter Platzhalter für Ihre iframe-app. Klicken Sie dann auf Änderungen speichern. Sie haben nun die iframe-app auf dem Brand Profile eingebunden und werden direkt zur Brand Profile-Vorderseite weitergeleitet. Auf die Rückseite gelangen Sie, wenn Sie in der rechten oberen Ecke auf Umblättern klicken. WYSISWYG-Editor Platzhalter für die iframe-app iframe-app Einbindung auf der Brand Profile-Rückseite iframe-app Einbindung auf der Brand Profile-Vorderseite 9

10 DANKE! Ihre Ansprechpartner: Director Sales Account Director Account Director Senior Key Account Stefan B. Müller Daniel Z. Klose Alexander Thurner Alexandra Link 030 / sbmueller@vz.net 030 / dklose@vz.net 030 / athurner@vz.net 030 / alink@vz.net Key Account Junior Key Account Junior Sales Manager Media Research Nadine Schmidt 030 / nschmidt@vz.net Nora Bax 030 / nbax@vz.net Malin Larsson 030 / mlarsson@vz.net mafo@vz.net