JavaScript Integration

  1. HTML einfügen

    <script type="text/javascript" charset="UTF-8" src="http://hotel-clientname.clients.clearingstation.de/embed.php"></script>
    <script type="text/javascript">
    	cst_client.box( '<zielurl >' )
    </script>
    				
    Der Bereich, in dem diese Ansicht eingebunden wird, sollte mindestens 470 Pixel breit sein.
  2. Inhalt einfügen

    Der Funktion embed() können alle Inhalte übergeben werden.
    <script type="text/javascript">
    	cst_client.embed('hotel-anfragen.html')
    </script>
    				
  3. Box einbauen

    Bindet eine Teaserbox ein zur Anfrage und Buchungsmöglichkeit.

    Übergeben Sie als ersten Parameter die URL ihrer Seite, auf der eine Clearing Station mittels embed() eingebunden ist. Diese wird dann aufgerufen, wenn die Box benutzt wird.

    <script type="text/javascript">
    	cst_client.box( '/de-cst-page.html' )
    </script>
    				
  4. Anzahl der Übernachtungen für die Box ändern

    Dazu muss man einfach vor dem script-tag mit dem cst_client.box()-aufruf noch diesen script-tag einfügen

    <script type="text/javascript">
    	cst_client.setting_set( 'cst_box_stays', 2 )
    </script>
    				
  5. Sprache setzen

    Sie können die Sprache der Inhalte ändern, indem sie vor einem embed() oder box() Aufruf die Sprache setzen.

    Verfügbare Sprachen

    <script type="text/javascript">
    	cst_client.language_set( 'de' )
    	cst_client.embed('hotel-anfragen.html')
    </script>
    				

    Automatische Erkennung

    Die Sprache kann auch aus der Seite bzw dem Browser des Benutzers ermittelt werden, beachten Sie hierbei, daß die Inhalte in der entsprechenden Sprache vorhanden sein müssen!

    1. Aus der Webseite: <html lang="de">
    2. Aus dem Browser: Anhand der vom Benutzer eingestellten Sprache

    <script type="text/javascript">
    	cst_client.language_detect()
    	cst_client.embed('hotel-anfragen.html')
    </script>
    				
  6. iFrame resize

    Automatische Anpassung der Höhe des eingebundenen CST-Inhaltes.

    Klicken sie mit der rechten Maustaste auf diesen Link und speichern sie die Datei mit dem Namen cst_xd.html.

    Laden Sie die Datei in den Document-Root ihrer Webseite und senden Sie die URL an info@vioma.de

  7. Höhe des iFrame anpassen

    Die Höhe des eingebundenen CST-Inhaltes nachträglich anpassen.

    Wenn beim laden des Inhaltes kurz vor dem resize eine scrollbar erscheint, so muss die Standardhöhe des cst-iframes wie folgt angepasst werden .

    <script type="text/javascript">
    	cst_client.embed('hotel-zimmer.html', {style:{height:'4000px'}});
    </script>
    				
  8. Google Analytics

    Bei auf der Webseite eingebundenen Async-Analytics werden die benötigten Parameter automatisch übergeben.

    Für eine erfolgreiche Übertragung stellen Sie bitte sicher daß Ihr Analytics-Code folgende Attribute setzt:

    _gaq.push(['_setAllowLinker', true]); <- Erlaubt die Weitergabe der Analytics-Parameter an Iframes
    _gaq.push(['_setDomainName', 'none']); <- Damit die Analytics-Cookies nicht an eine Domain gebunden werden und auch bei uns verfügbar sind
    					

    Nach Prüfung des Analytics-Codes setzen Sie sich kurz mit uns in Verbindung und wir aktivieren die Analytics-Übertragung