Table of Contents
Einbindung von Travelseller-Websites in Fremdseiten
Einbettung im I-Frame
Sie können nun das Travelseller-Portal neutral im iframe auf Fremdseiten integrieren. Dabei können Sie die Breite und die Hintergrundfarben frei bestimmen. Die Aufruf-Adresse sieht so aus:
http://www.ts-praesenz.de/travelseller.x4?partnerid=<partnerid>&subid=<subid>&tsmode=small&twidth=<breite>&boxhead=<farbcode>&boxbody=<farbcode>&boxinfo=<farbcode>
Der Parameter “tsmode=small” gibt dabei an das die Navigationsleisten links und rechts entfernt werden sollen.
| <farbcode> | ist eine 6-stellige hexadezimale farbangabe ohne Raute : “AAAAAA” |
| <partnerid> | ist die Partnerid zum Tracking der Zugriffe (Aus der Partnerverwaltung) |
| <subid> | ist eine frei verwendbare alphanumerische ID (Trackingcode) |
| <breite> | ist ein numerischer wert >500 in Pixeln zur Anpassung an die iframe-breite. |
die komplette URL für eine schlichte Grau-Version sieht also so aus:
http://www.ts-praesenz.de/travelseller.x4?partnerid=35174&tsmode=small&tswidth=600&boxhead=AAAAAA&boxbody=FAFAFA&boxinfo=EEEEEE
Einbindung im Frame (mit Navigation)
Die Seite lässt sich selbstverständlich auch im normalen Frame einbetten, um die Navigation komplett zu übernehmen. Dazu muss einfach der Parameter “&tsmode=small&tswidth=600” weggelassen werden:
http://www.ts-praesenz.de/travelseller.x4?partnerid=35174&boxhead=AAAAAA&boxbody=FAFAFA&boxinfo=EEEEEE
Erweiterte Formatierung mit CSS
Da es Fälle gibt, in denen die Formatierungsmöglichkeiten der oben beschriebenen $_GET Parameter zu gering sind, wurde parallel dazu die Möglichkeit geschaffen, für jedem Partner den Pfad zu einer .css Vorlage zu hinterlegen:
Der angegebene Pfad kann sein:
- Datei auf dem Webserver des Veranstalters (z.B. partnerstyle/partnername.css)
- Datei auf dem Webserver des Partners (z.B. http://partnerweb.net/intern/meinstil.css)
Damit kann der Aufwand für die Anpassung der Formatierung entsprechend getroffener Absprachen verlagert werden.
Die konfigurierte Formatvorlage wird als letzte Formatvorlage beim Aufruf der Seite eingebunden. Das hat zur Folge, dass alle enthaltenen Parameter die Standard-Vorlage überschreiben. Damit müssen nur die Parameter gepflegt werden, die von der Standard-Formatierung des Veranstalters abweichen.
IBE - IFrame - automatische Höhenanpassung
<script language="javascript" type="text/javascript">
// Iframe Size Listener fuer alle Browser
if (window.addEventListener) window.addEventListener("message", iframeHeightListener, false); else window.attachEvent("onmessage", iframeHeightListener);
function iframeHeightListener(e) {
var eventName = e.data[0],
data = e.data[1];
switch (eventName) {
//case 'setHeight': jQuery('#bookframe').height(data+10); break;
case 'setHeight':
// Hoehe des Bookframes setzen
document.getElementById("myiframe").style.height=(data+10)+'px';
break;
}
}
</script>
