Conversiontracking Archive - yalst - Live Support Software | Live Chat Software

Grundsätzlich können Chat-Operatoren/-Agenten entweder nach Arbeitszeit oder erfolgsabhängig vergütet werden. Für den erstgenannten Fall stellt Ihnen yalst ab der Business-Edition umfangreiche Statistiken – grafisch und tabellarisch – in der Administration zur Verfügung, aus denen hervorgeht, wann und wie lange ein Operator/Agent am System angemeldet war, wieviel Zeit sie oder er mit Chats oder Pausen verbracht haben uvm.

Heute soll es aber um die erfolgsabhängige Vergütung gehen. Da unsere Software auch zahlreiche Webcontrolling- und Besucheranalyse-Funktionen hat, ist diese in yalst mit Bordmitteln ab der Professional-Edition möglich. Dazu müssen wir alle „Erfolge“ mit Hilfe zusätzlicher Einbindungen in der Webseite erfassen. Was ein solcher Erfolg ist, hängt natürlich individuell vom Betreiber der jeweiligen Website ab. Beispiele wären das Abonnement eines Newsletters, der Download einer Testversion einer Software oder der erfolgreiche Einkauf in einem Online-Shop. Bleiben wir einfach mal beim letzten Beispiel (Online-Shop), zumal sich hier der Erfolg leicht in Euro und Cent messen läßt.

Alles was wir tun müssen, ist auf der letzten Seite des Bestellvorgangs, also nachdem der Kauf abgeschlossen ist, ein paar JavaScript-Variablen zu setzen. Hier ein Beispiel:

<!-- LiveSupport Additional Code - place far forward on your page -
always use HTML code generator to create -->
<script language="JavaScript" type="text/javascript">
var yct_event='Verkauf im Shop';
var yct_ref=2;
var yct_id='calculate';
var yct_comment='Kunde Max Mustermann';
var yct_tan='1';
var yct_volume='327.45';
</script>
<!-- End of LiveSupport Additional Code -->

<!-- LiveSupport Additional Code - place far forward on your page -

always use HTML code generator to create -->

var yct_event='Verkauf im Shop';

var yct_ref=2;

var yct_id='calculate';

var yct_comment='Kunde Max Mustermann';

var yct_tan='1';

var yct_volume='327.45';

</script>

Diesen Codeschnipsel können Sie auch mit Hilfe unseres HTML-Codegenerators erzeugen, den Sie in der Administration unter „Einbindung“ finden. Bitte wählen Sie im Schritt 1 des Codegenerators die Option

„5a – Conversion-Tracking“.

Die verschiedenen Werte werden dann im Schritt 2 interaktiv abgefragt und im Schritt 3 erhalten Sie Ihren individuellen Codeschnipsel. Kurz zur Bedeutung der wichtigsten Variablen (im HTML-Codegenerator werden sie ausführlich beschrieben):

In yct_event steht das Ereignis. Das ist wichtig, damit Sie verschiedene Arten Erfolge in den Statistiken voneinander unterscheiden können.
In yct_comment können Sie einen Kommentar zum Ereignis hinterlegen, bei einem Verkauf z.B. den Namen des Kunden.
Die Variable yct_tan sollte für dieses Ereignis einen eindeutigen Wert erhalten, z.B. eine Bestellungsnummer, damit ein Ereignis beim Neuladen der Seite nicht doppelt erfasst wird.
In yct_volume steht schließlich der Bestellwert in der in yalst eingestellten Währung.

Es macht natürlich bei einigen Variablen wie yct_comment, yct_tan und yct_volume keinen Sinn, feste Werte zuzuweisen. Im Fall einer Online-Bestellung müssen Sie sich die Werte aus Ihrem Shop-System holen und den yalst-Variablen zuweisen. Wie das geht hängt von der verwendeten Shop-Software ab und kann an dieser Stelle nicht individuell erläutert werden. Nehmen wir beispielsweise mal an, der Bestellwert steht in der Shop-Variablen order.volume, der Name des Kunden in order.customer und die Bestellungsnummer in order.id. Der Einbindungscode würde dann wie folgt aussehen:

<!-- LiveSupport Additional Code - place far forward on your page - 
always use HTML code generator to create -->
<script language="JavaScript" type="text/javascript">
var yct_event='Verkauf im Shop';
var yct_ref=2;
var yct_id='calculate';
var yct_comment=order.customer;
var yct_tan=order.id;
var yct_volume=order.volume;
</script>
<!-- End of LiveSupport Additional Code -->

<!-- LiveSupport Additional Code - place far forward on your page -

always use HTML code generator to create -->

var yct_event='Verkauf im Shop';

var yct_ref=2;

var yct_id='calculate';

var yct_comment=order.customer;

var yct_tan=order.id;

var yct_volume=order.volume;

</script>

Ganz wichtig hierbei ist, dass dieser Code vor dem normalen yalst-Einbindungscode steht, da die genannten Variablen von diesem ausgelesen werden. Genauso wichtig ist, dass es sich dabei um eine Einbindung mit Besucher-Monitoring handeln muss.

Alles, was jetzt noch getan werden sollte, ist einen Blick auf die Einstellung „Conversion-Tracking durch Operatoren“ zu werfen. Diese finden Sie in der Administration unter Konfiguration auf der Unterseite „Operatoren“ (ziemlich weit unten). Zu jedem Ereignis/Erfolg wird festgehalten, mit welchem Operator der jeweiliger Besucher evtl. zuvor gechattet hat. Sollten mehrere Chats stattgefunden haben, können Sie dort festlegen, ob der neueste oder der älteste Chat hierzu herangezogen wird.

Die erfolgsabhängige Auswertung finden Sie ebenfalls in der Administration, und zwar unter „Statistiken“ auf der Unterseite „Conversions“ des Abschnitts „Operatoren“. Die Statistik verfügt über eine zusammenfassende Seite mit allen Operatoren und über eine Operator-Detailansicht, zu der Sie gelangen, wenn Sie am rechten Rand einen Operator in der Drop-Down-Box auswählen. Über das Kalender-Widget (ebenfalls am rechten Rand) können Sie den Berichtszeitraum festlegen.

Ganz nebenbei erhalten Sie übrigens auch noch eine allgemeine Verkaufsstatistik, die Sie auf der Unterseite „Conversion-Tracking“ des Abschnitts „E-Commerce“ finden. Sollten Sie die Kampagnen-Funktion von yalst nutzen, wird sogar der Erfolg Ihrer Kampagnen bezüglich der Verkäufe mit ausgewertet!

Da es eine Vielzahl an Shop-Systemen auf dem Markt gibt, die alle etwas verschieden sind, beschreiben wir auf dieser Seite die allgemeine Vorgehensweise, um yalst optimal in einen beliebigen Shopsoftware einzubinden.

Wenn Sie nur die Chat-Funktionen des yalst Live Chats nutzen möchten, reicht selbstverständlich die normale Standardeinbindung aus.

Voraussetzung ist natürlich, dass Sie an die Dateien Ihres Shops irgenwie herankommen. Die allermeisten Shopsoftware-Systeme sind Template-basiert, d.h., Funktionalität und Design des Shops sind voneinander getrennt. Für die hier beschriebenen Einbindungen ist es in der Regel ausreichend, die Templates – also die Dateien, die das Design festlegen – anzupassen.

Die hier zusammengestellten Einbindungen bewirken (zusätzlich zu den ohnehin schon standardmäßig vorhandenen Funktionalitäten) im Einzelnen:

Besucher-Monitoring mit Anzeige der Artikelzahl und des Warenwertes im Warenkorb direkt in der Operator-Konsole
Anzeige des Kundennamens direkt im Besucher-Monitor
Anzeige des Warenkorb-Inhalts mit Hilfe der yalst-Funktion „Tracking-Daten“
Erfassung der Verkäufe und Umsätze (Conversion-Tracking)

In den folgenden Beispielen gehen wir davon aus, daß Ihr yalst Live Chat auf der Domain www.example.com installiert ist (muß nicht identisch sein mit der Domain Ihres Online-Shops).

Sie müssen also „www.example.com“ immer durch die tatsächliche Domain ersetzen. Bei unseren Mietlösungen ist diese z.B. „rd.livesupportserver.de“.

Ferner gehört zu jedem yalst-Paket eine sogenannte Site-Nummer, da innerhalb einer yalst-Installation grundsätzlich mehrere Instanzen der Software laufen können. Bei Kauflösungen ist die Site-Nummer in der Regel „1-1“, ansonsten können Sie diese aus Ihrer yalst-Administration entnehmen. Für diese Anleitung nehmen wir als Beispiel 1-1.

Einbindung des Chat-Buttons

Der Chat-Button wird von den meisten Nutzern in der Regel im rechten oder linken Rand der Shop-Fenster plaziert, z.B. in der Nähe der Warenkorbanzeige. Er sollte gut sichtbar im oberen Bereich untergebracht werden.

Der notwendige HTML-Code, um den Button erscheinen zu lassen, sieht so aus:

<script language="JavaScript" type="text/javascript">
  (function()
    {
    var spanID = Math.random().toString();
    document.write("<span id='" + spanID + "' ></span>");
    var anchorElement = document.getElementById(spanID);
    var script = document.createElement("script");
    script.src = "http://www.example.com/yalst/yalst.js.php?site=1-1&count=no&y_span_id=" + spanID;
    anchorElement.parentNode.insertBefore(script, anchorElement);
    })();
</script>

(function()

{

var spanID = Math.random().toString();

document.write("<span id='" + spanID + "' ></span>");

var anchorElement = document.getElementById(spanID);

var script = document.createElement("script");

script.src = "http://www.example.com/yalst/yalst.js.php?site=1-1&count=no&y_span_id=" + spanID;

anchorElement.parentNode.insertBefore(script, anchorElement);

})();

</script>

Wenn yalst als Seitentitel bei Chat-Anfragen nicht den Dateinamen der jeweiligen Seite, sondern den HTML-Titel anzeigen soll, lautet die Zeile:

<script language="JavaScript" type="text/javascript">
  (function()
    {
    var spanID = Math.random().toString();
    document.write("<span id='" + spanID + "' ></span>");
    var anchorElement = document.getElementById(spanID);
    var script = document.createElement("script");
    script.src = "http://www.example.com/yalst/yalst.js.php?site=1-1&count=no&pagetitle=auto&y_span_id=" + spanID;
    anchorElement.parentNode.insertBefore(script, anchorElement);
    })();
</script>

(function()

{

var spanID = Math.random().toString();

document.write("<span id='" + spanID + "' ></span>");

var anchorElement = document.getElementById(spanID);

var script = document.createElement("script");

script.src = "http://www.example.com/yalst/yalst.js.php?site=1-1&count=no&pagetitle=auto&y_span_id=" + spanID;

anchorElement.parentNode.insertBefore(script, anchorElement);

})();

</script>

Soll sich das Chat-Fenster in der Zweitsprache (falls konfiguriert) öffnen, lautet der Code:

<script language="JavaScript" type="text/javascript">
  (function()
    {
    var spanID = Math.random().toString();
    document.write("<span id='" + spanID + "' ></span>");
    var anchorElement = document.getElementById(spanID);
    var script = document.createElement("script");
    script.src = "http://www.example.com/yalst/yalst.js.php?site=1-1&count=no&lang=2&y_span_id=" + spanID;
    anchorElement.parentNode.insertBefore(script, anchorElement);
    })();
</script>

(function()

{

var spanID = Math.random().toString();

document.write("<span id='" + spanID + "' ></span>");

var anchorElement = document.getElementById(spanID);

var script = document.createElement("script");

script.src = "http://www.example.com/yalst/yalst.js.php?site=1-1&count=no&lang=2&y_span_id=" + spanID;

anchorElement.parentNode.insertBefore(script, anchorElement);

})();

</script>

Besucher- und Warenkorb-Monitoring

Die folgenden Einbindungen sollten alle so weit unten auf der Seite plaziert werden wie irgendwie möglich – idealerweise unmittelbar vor dem </body>-Tag. Sie sorgen für das Warenkorb- und Besucher-Monitoring und sollten auf jeder Seite vorhanden sein.

Beginnen wir mit der Anzahl der Artikel im Korb und dem Warenkorbwert. Diese Einbindung steht Ihnen ab der Business-Edition zur Verfügung. Der Code sieht so aus:

<script language="JavaScript" type="text/javascript">
var y_cartitems='Artikelzahl';
var y_cartvalue='Warenkorbwert';
</script>

var y_cartitems='Artikelzahl';

var y_cartvalue='Warenkorbwert';

</script>

Für Artikelzahl und Warenkorbwert müssen Sie die entsprechenden Shop-Variablen an dieser Stelle ausgeben. Welche das sind und wie man die ausgibt, entnehmen Sie bitte der Dokumentation Ihres Shops. Auch der jeweilige Produktsupport sollte Ihnen diesbezüglich weiterhelfen können. Verweisen Sie diesen ggf. auf diese Anleitung.

Komplizierter ist das Auslesen des Warenkorbinhalts, da der Umfang variabel ist. Die Übergabe an yalst muss daher in einer Art Schleife erfolgen. Diese kann über eine Server-seitige Programmiersprache wie PHP, eine Template-Sprache wie Smarty oder auch über JavaScript realisiert werden. Diese Einbindung steht Ihnen ab der Professional-Edition zur Verfügung. Wir realisieren diese Funktionalität hier einmal per JavaScript:

<script language="JavaScript" type="text/javascript">
if (typeof y_track=='undefined')
  {y_track=new Array();}
y_track[0]=new Array();
y_track[0][0]="basket*";
y_track[0][1]="-";
for (var i=1; i<=Artikelzahl; i++)
  {
  y_track[i]=new Array();
  y_track[i][0]="basket_Artikelnummer";
  y_track[i][1]="Artikelbeschreibung/-anzahl";
  }
</script>

if (typeof y_track=='undefined')

{y_track=new Array();}

y_track[0]=new Array();

y_track[0][0]="basket*";

y_track[0][1]="-";

for (var i=1; i<=Artikelzahl; i++)

{

y_track[i]=new Array();

y_track[i][0]="basket_Artikelnummer";

y_track[i][1]="Artikelbeschreibung/-anzahl";

}

</script>

Die Werte Artikelzahl, Artikelnummer und Artikelbeschreibung/-anzahl müssen Sie wieder aus Ihren Shop-Variablen gewinnen. Im Falle von Artikelnummer und Artikelbeschreibung/-anzahl ist bei jedem Schleifendurchlauf ein anderer Wert zu übergeben.

Der Kundenname lässt sich relativ einfach als Bemerkung an yalst übergeben. Er wird erneut aus einer Shop-Variablen bezogen. Das Ausrufezeichen sorgt dafür, dass eine evtl. bereits vorhandene Bemerkung nicht überschrieben wird (z. B. durch eine leere Zeichenkette, wenn der Kunden sich noch nicht angemeldet hat) Wir machen das Ganze wieder in JavaScript:

<script language="JavaScript" type="text/javascript">
y_remark="!Kundenname";
</script>

y_remark="!Kundenname";

</script>

Abschließend noch die yalst-Einbindung für das Besucher-Monitoring. Diese verarbeitet auch die ganzen anderen zuvor gewonnenen Daten und muss daher auf jeden Fall unterhalb des o. g. Codes stehen:

<script language="JavaScript" type="text/javascript">
  (function()
    {
    var spanID = Math.random().toString();
    document.write("<span id='" + spanID + "' ></span>");
    var anchorElement = document.getElementById(spanID);
    var script = document.createElement("script");
    script.src = "http://www.example.com/yalst/yalst.js.php?site=1-1&button=no&y_span_id=" + spanID;
    anchorElement.parentNode.insertBefore(script, anchorElement);
    })();
</script>

(function()

{

var spanID = Math.random().toString();

document.write("<span id='" + spanID + "' ></span>");

var anchorElement = document.getElementById(spanID);

var script = document.createElement("script");

script.src = "http://www.example.com/yalst/yalst.js.php?site=1-1&button=no&y_span_id=" + spanID;

anchorElement.parentNode.insertBefore(script, anchorElement);

})();

</script>

Wenn im Besucher-Monitor (und den Statistiken) statt der Datei-Namen (wie z.B. index.php oder shop.php) die HTML-Seitentitel angezeigt werden sollen, muß dieser Code so aussehen:

<script language="JavaScript" type="text/javascript">
  (function()
    {
    var spanID = Math.random().toString();
    document.write("<span id='" + spanID + "' ></span>");
    var anchorElement = document.getElementById(spanID);
    var script = document.createElement("script");
    script.src = "http://www.example.com/yalst/yalst.js.php?site=1-1&button=no&pagetitle=auto&y_span_id=" + spanID;
    anchorElement.parentNode.insertBefore(script, anchorElement);
    })();
</script>

(function()

{

var spanID = Math.random().toString();

document.write("<span id='" + spanID + "' ></span>");

var anchorElement = document.getElementById(spanID);

var script = document.createElement("script");

script.src = "http://www.example.com/yalst/yalst.js.php?site=1-1&button=no&pagetitle=auto&y_span_id=" + spanID;

anchorElement.parentNode.insertBefore(script, anchorElement);

})();

</script>

Da die in diesem Abschnitt genannten Einbindungen alle zusammengehören (wie gesagt am besten unmittelbar vor </body> plazieren), fassen wir sie an dieser Stelle nochmal zusammen:

<script language="JavaScript" type="text/javascript">
var y_cartitems='Artikelzahl';
var y_cartvalue='Warenkorbwert';
</script>

<script language="JavaScript">
if (typeof y_track=='undefined')
  {y_track=new Array();}
y_track[0]=new Array();
y_track[0][0]="basket*";
y_track[0][1]="-";
for (var i=1; i<=Artikelzahl; i++)
  {
  y_track[i]=new Array();
  y_track[i][0]="basket_Artikelnummer";
  y_track[i][1]="Artikelbeschreibung/-anzahl";
  }
y_remark="!Kundenname";
</script>

<script language="JavaScript">
  (function()
    {
    var spanID = Math.random().toString();
    document.write("<span id='" + spanID + "' ></span>");
    var anchorElement = document.getElementById(spanID);
    var script = document.createElement("script");
    script.src = "http://www.example.com/yalst/yalst.js.php?site=1-1&button=no&y_span_id=" + spanID;
    anchorElement.parentNode.insertBefore(script, anchorElement);
    })();
</script>

var y_cartitems='Artikelzahl';

var y_cartvalue='Warenkorbwert';

</script>

if (typeof y_track=='undefined')

{y_track=new Array();}

y_track[0]=new Array();

y_track[0][0]="basket*";

y_track[0][1]="-";

for (var i=1; i<=Artikelzahl; i++)

{

y_track[i]=new Array();

y_track[i][0]="basket_Artikelnummer";

y_track[i][1]="Artikelbeschreibung/-anzahl";

}

y_remark="!Kundenname";

</script>

(function()

{

var spanID = Math.random().toString();

document.write("<span id='" + spanID + "' ></span>");

var anchorElement = document.getElementById(spanID);

var script = document.createElement("script");

script.src = "http://www.example.com/yalst/yalst.js.php?site=1-1&button=no&y_span_id=" + spanID;

anchorElement.parentNode.insertBefore(script, anchorElement);

})();

</script>

Conversion-Tracking

Die folgenden beiden Einbindungen kommen ausschließlich auf die Bestellabschlußseite, also wenn ein Einkaufsvorgang beendet ist.

Sie müssen oberhalb der Besucher-Monitoring-Einbindung plaziert werden. Der erste Codeschnipsel schließt das Warenkorb-Monitoring ab (ab Business-Edition):

<script language="JavaScript" type="text/javascript">
y_cartcomplete=true;
</script>

y_cartcomplete=true;

</script>

Nun folgt das eigentliche Conversion-Tracking (ab Professional-Edition):

<script language="JavaScript" type="text/javascript">
var yct_event='Verkauf im Shop';
var yct_ref=3;
var yct_id='calculate';
var yct_comment='Kundenname';
var yct_volume='Warenkorbwert';
</script>

var yct_event='Verkauf im Shop';

var yct_ref=3;

var yct_id='calculate';

var yct_comment='Kundenname';

var yct_volume='Warenkorbwert';

</script>

Warenkorbwert und Kundenname sind wie immer aus dem Shop-System zu entnehmen.

Hinweis für https-Seiten

Wenn es in Ihrem Shop-Seiten gibt, die über SSL-Verschlüsselung abgerufen werden (https-Seiten), sollten Sie den yalst Live Chat mit SSL-Unterstützung verwenden, damit es keine Sicherheitswarnungen in den Webbrowsern der Besucher gibt.

Diese ist ab der Basic-Edition verfügbar, bei der Kauflösung kann die SSL-Unterstützung bei der Installation (oder auch nachträglich, s. Installationsanleitung) konfiguriert werden (Domain, die per https erreichbar ist, oder SSL-Proxy erforderlich). Zur Einbindung können Sie in obenstehenden HTML-Codes alle „http://“ durch „https://“ ersetzen (bei Verwendung eines sogenannten SSL-Proxys muß die entsprechende Proxy-URL angegeben werden).

Beiträge

Operatoren erfolgsabhängig vergüten

Wie bindet man den yalst Live Chat in eine Shopsoftware ein?

Einbindung des Chat-Buttons

Besucher- und Warenkorb-Monitoring

Conversion-Tracking

Hinweis für https-Seiten

SITEMAP

Kategorien

Aktuelles

Aktuelle Version

Aktueller Status

Links für unsere Kunden

Business Hours

Beiträge

Einbindung des Chat-Buttons

Besucher- und Warenkorb-Monitoring

Conversion-Tracking

Hinweis für https-Seiten

SITEMAP

Schlagwörter

Kategorien

Aktuelles

Aktuelle Version

Aktueller Status

Links für unsere Kunden

Business Hours