Dokumentation > Technische Integration - Einbettungsanleitung

Technische Integration

Einbettungsanleitung

Zur Einbindung benötigen Sie nur wenige Handgriffe:

1. Unterseiten auswählen

2. Code einfügen

3. CTA definieren

1. Unterseiten auswählen

Sie können das Tool auf beliebigen Unterseiten integrieren.

Die Wahl der Seiten hängt von der optimalen Customer Journey des Kunden ab.

Wir unterstützen Sie beratend bei der Platzierung und der Wahl der optimalen Call to Action. 

Mittels verhaltensbasierter Tool-Auswertungen bieten wir Ihnen auch eine Optimierung im laufenden Betrieb an.

2. Code einfügen

Beim Anlegen Ihres Accounts wird automatisch ein individuelles Code Snippet für Sie generiert. Diesen bekommen Sie per E-Mail zugesandt.

Nachfolgend ist ein beispielhaftes Code-Snippet dargestellt. Achten Sie darauf, dass Sie nur Ihr persönliches Snippet verwenden.

<script type="text/javascript" src=“https://storage.googleapis.com/conversional/bundle.js" async>

</script>

<div id="questionnaire" dataversion="2.0" data-qid="7" datakey=“AsHWLcRqklimuSsKA1BqnjAG3GRo1JXYbwyXIqo2LGpfyS09UBzhU9YXQQmS">

</div>

 

Auf jeder Seite platzieren Sie das Code-Snippet, und zwar irgendwo zwischen den <body>-tags.

Alternativ können Sie das Snippet in einem Hauptseiten-Template einfügen. Dann brauchen Sie nur eine Seite zu bearbeiten und können das Tool überall einsetzen.*

<body>

CODE SNIPPET

</body>

*Der Code des Tools wird asynchron geladen. Die Einbettung hat daher keinen negativen Einfluss auf die Ladezeit der Seite.

3. Call to Action definieren

 

Um das Tool auf Ihrer Seite zu starten bekommen Sie bereits zwei mögliche Formate mitgeliefert:

  • Exit Intent Layer (Modal, das erscheint, sobald Ihr Kunde die Seite verlassen möchte)

  • Launcher Button (unten rechts auf Ihrer Seite)

 

 

 

 

 

 

 

 

 

 

Neben diesen optionalen Formaten können Sie jedes Element auf Ihrer Seite zu einer interaktiven Schaltflächen machen. Dazu benötigen Sie weder Links, noch andere Verweise.

Fügen Sie dem HTML-Element, das Sie als Schaltfläche verwenden möchten, einfach class=“rt-stylecheck” hinzu.

 

Element ohne Call to Action

<button/>

 

Element als interaktiver Button

<button class="rt-stylecheck"/>

 

Alternativ können Sie auch einen Direktlink erstellen, indem Sie "?openWidget" hinten anhängen.

 

 

Fragen?

 

Wenden Sie sich jederzeit an unseren Support

BEISPIEL

Beispiele Exit Intent Layer (Popup) und Launcher Button (mitlaufend unten rechts)

 
 
 

Conversional GmbH

Besucheradresse: Lautenschlagerstr. 16, 70173 Stuttgart

Ihr Draht zu uns

Kontakt

Aktuelles

Login

Unternehmen

Impressum

Datenschutz

AGB

conversional_logo180.png