{"id":4388,"date":"2015-06-04T18:53:37","date_gmt":"2015-06-04T16:53:37","guid":{"rendered":"https:\/\/www.yalst.de\/?p=4388"},"modified":"2018-09-06T17:17:14","modified_gmt":"2018-09-06T15:17:14","slug":"wie-bindet-man-den-yalst-live-chat-in-eine-shopsoftware-ein","status":"publish","type":"post","link":"https:\/\/www.yalst.de\/en\/wie-bindet-man-den-yalst-live-chat-in-eine-shopsoftware-ein\/","title":{"rendered":"Wie bindet man den yalst Live Chat in eine Shopsoftware ein?"},"content":{"rendered":"<p><a href=\"https:\/\/www.yalst.de\/wp-content\/uploads\/2015\/06\/shopping.gif\"><img decoding=\"async\" loading=\"lazy\" class=\" size-full wp-image-4397 alignright\" src=\"https:\/\/www.yalst.de\/wp-content\/uploads\/2015\/06\/shopping.gif\" alt=\"shopping\" width=\"120\" height=\"120\" \/><\/a>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 <strong>yalst<\/strong> <u>optimal<\/u> in einen beliebigen Shopsoftware einzubinden.<\/p>\n<p>Wenn Sie nur die Chat-Funktionen des\u00a0<strong>yalst<\/strong>\u00a0Live Chats nutzen m\u00f6chten, reicht selbstverst\u00e4ndlich die normale Standardeinbindung aus.<\/p>\n<p>Voraussetzung ist nat\u00fcrlich, dass Sie an die\u00a0Dateien Ihres Shops irgenwie herankommen. Die allermeisten Shopsoftware-Systeme sind Template-basiert, d.h., Funktionalit\u00e4t und Design des Shops sind voneinander getrennt. F\u00fcr die hier beschriebenen Einbindungen ist es in der Regel ausreichend, die Templates &#8211; also die Dateien, die das Design festlegen &#8211; anzupassen.<\/p>\n<p>Die hier zusammengestellten Einbindungen bewirken (zus\u00e4tzlich zu den ohnehin schon standardm\u00e4\u00dfig vorhandenen Funktionalit\u00e4ten) im Einzelnen:<\/p>\n<ul>\n<li>Besucher-Monitoring mit Anzeige der Artikelzahl und des Warenwertes im Warenkorb direkt in der Operator-Konsole<\/li>\n<li>Anzeige des Kundennamens direkt im Besucher-Monitor<\/li>\n<li>Anzeige des Warenkorb-Inhalts mit Hilfe der <strong>yalst<\/strong>-Funktion &#8220;Tracking-Daten&#8221;<\/li>\n<li>Erfassung der Verk\u00e4ufe und Ums\u00e4tze (Conversion-Tracking)<\/li>\n<\/ul>\n<p>In den folgenden Beispielen gehen wir davon aus, da\u00df Ihr <strong>yalst<\/strong>\u00a0Live Chat auf der Domain <strong>www.example.com<\/strong> installiert ist (mu\u00df nicht identisch sein mit der Domain Ihres Online-Shops).<\/p>\n<p>Sie m\u00fcssen also &#8220;www.example.com&#8221; immer durch die tats\u00e4chliche Domain ersetzen. Bei unseren Mietl\u00f6sungen ist diese z.B. &#8220;rd.livesupportserver.de&#8221;.<\/p>\n<p>Ferner geh\u00f6rt zu jedem <strong>yalst<\/strong>-Paket eine sogenannte Site-Nummer, da innerhalb einer <strong>yalst<\/strong>-Installation grunds\u00e4tzlich mehrere Instanzen der Software laufen k\u00f6nnen. Bei Kaufl\u00f6sungen ist die Site-Nummer in der Regel &#8220;1-1&#8221;, ansonsten k\u00f6nnen Sie diese aus Ihrer <strong>yalst<\/strong>-Administration entnehmen. F\u00fcr diese Anleitung nehmen wir als Beispiel <strong>1-1<\/strong>.<\/p>\n<div  style='padding-bottom:10px; ' class='av-special-heading av-special-heading-h4    avia-builder-el-0  el_before_av_heading  avia-builder-el-first  '><h4 class='av-special-heading-tag '  itemprop=\"headline\"  >Einbindung des Chat-Buttons<\/h4><div class='special-heading-border'><div class='special-heading-inner-border' ><\/div><\/div><\/div>\n<p>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\u00e4he der Warenkorbanzeige. Er sollte gut sichtbar im oberen Bereich untergebracht werden.<\/p>\n<p>Der notwendige HTML-Code, um den <strong>Button<\/strong> erscheinen zu lassen, sieht so aus:<\/p>\n<pre class=\"lang:js decode:true\">&lt;script language=\"JavaScript\" type=\"text\/javascript\"&gt;\r\n  (function()\r\n    {\r\n    var spanID = Math.random().toString();\r\n    document.write(\"&lt;span id='\" + spanID + \"' &gt;&lt;\/span&gt;\");\r\n    var anchorElement = document.getElementById(spanID);\r\n    var script = document.createElement(\"script\");\r\n    script.src = \"http:\/\/www.example.com\/yalst\/yalst.js.php?site=1-1&amp;count=no&amp;y_span_id=\" + spanID;\r\n    anchorElement.parentNode.insertBefore(script, anchorElement);\r\n    })();\r\n&lt;\/script&gt;<\/pre>\n<p>Wenn yalst als <strong>Seitentitel<\/strong> bei Chat-Anfragen nicht den Dateinamen der jeweiligen Seite, sondern den HTML-Titel anzeigen soll, lautet die Zeile:<\/p>\n<pre class=\"lang:js decode:true\">&lt;script language=\"JavaScript\" type=\"text\/javascript\"&gt;\r\n  (function()\r\n    {\r\n    var spanID = Math.random().toString();\r\n    document.write(\"&lt;span id='\" + spanID + \"' &gt;&lt;\/span&gt;\");\r\n    var anchorElement = document.getElementById(spanID);\r\n    var script = document.createElement(\"script\");\r\n    script.src = \"http:\/\/www.example.com\/yalst\/yalst.js.php?site=1-1&amp;count=no&amp;pagetitle=auto&amp;y_span_id=\" + spanID;\r\n    anchorElement.parentNode.insertBefore(script, anchorElement);\r\n    })();\r\n&lt;\/script&gt;<\/pre>\n<p>Soll sich das Chat-Fenster in der <strong>Zweitsprache<\/strong> (falls konfiguriert) \u00f6ffnen, lautet der Code:<\/p>\n<pre class=\"lang:js decode:true\">&lt;script language=\"JavaScript\" type=\"text\/javascript\"&gt;\r\n  (function()\r\n    {\r\n    var spanID = Math.random().toString();\r\n    document.write(\"&lt;span id='\" + spanID + \"' &gt;&lt;\/span&gt;\");\r\n    var anchorElement = document.getElementById(spanID);\r\n    var script = document.createElement(\"script\");\r\n    script.src = \"http:\/\/www.example.com\/yalst\/yalst.js.php?site=1-1&amp;count=no&amp;lang=2&amp;y_span_id=\" + spanID;\r\n    anchorElement.parentNode.insertBefore(script, anchorElement);\r\n    })();\r\n&lt;\/script&gt;<\/pre>\n<div  style='padding-bottom:10px; ' class='av-special-heading av-special-heading-h4    avia-builder-el-1  el_after_av_heading  el_before_av_heading  '><h4 class='av-special-heading-tag '  itemprop=\"headline\"  >Besucher- und Warenkorb-Monitoring<\/h4><div class='special-heading-border'><div class='special-heading-inner-border' ><\/div><\/div><\/div>\n<p>Die folgenden Einbindungen sollten alle so weit unten auf der Seite plaziert werden wie irgendwie m\u00f6glich &#8211; idealerweise unmittelbar vor dem &lt;\/body&gt;-Tag.\u00a0Sie sorgen f\u00fcr das Warenkorb- und Besucher-Monitoring und sollten auf jeder Seite vorhanden sein.<\/p>\n<p>Beginnen wir mit der <strong>Anzahl der Artikel im Korb und dem Warenkorbwert<\/strong>. Diese Einbindung steht Ihnen ab der Business-Edition zur Verf\u00fcgung. Der Code sieht so aus:<\/p>\n<pre class=\"lang:js decode:true\">&lt;script language=\"JavaScript\" type=\"text\/javascript\"&gt;\r\nvar y_cartitems='Artikelzahl';\r\nvar y_cartvalue='Warenkorbwert';\r\n&lt;\/script&gt;<\/pre>\n<p>F\u00fcr Artikelzahl und Warenkorbwert m\u00fcssen 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\u00fcglich weiterhelfen k\u00f6nnen. Verweisen Sie diesen ggf. auf diese Anleitung.<\/p>\n<p>Komplizierter ist das Auslesen des <strong>Warenkorbinhalts<\/strong>, da der Umfang variabel ist. Die \u00dcbergabe an yalst muss daher in einer Art Schleife erfolgen. Diese kann \u00fcber eine Server-seitige Programmiersprache wie PHP, eine Template-Sprache wie Smarty oder auch \u00fcber JavaScript realisiert werden. Diese Einbindung steht Ihnen ab der Professional-Edition zur Verf\u00fcgung. Wir realisieren diese Funktionalit\u00e4t hier einmal per JavaScript:<\/p>\n<pre class=\"lang:js decode:true\">&lt;script language=\"JavaScript\" type=\"text\/javascript\"&gt;\r\nif (typeof y_track=='undefined')\r\n  {y_track=new Array();}\r\ny_track[0]=new Array();\r\ny_track[0][0]=\"basket*\";\r\ny_track[0][1]=\"-\";\r\nfor (var i=1; i&lt;=Artikelzahl; i++)\r\n  {\r\n  y_track[i]=new Array();\r\n  y_track[i][0]=\"basket_Artikelnummer\";\r\n  y_track[i][1]=\"Artikelbeschreibung\/-anzahl\";\r\n  }\r\n&lt;\/script&gt;<\/pre>\n<p>Die Werte Artikelzahl, Artikelnummer und Artikelbeschreibung\/-anzahl m\u00fcssen Sie wieder aus Ihren Shop-Variablen gewinnen. Im Falle von Artikelnummer und Artikelbeschreibung\/-anzahl ist bei jedem Schleifendurchlauf ein anderer Wert zu \u00fcbergeben.<\/p>\n<p>Der <strong>Kundenname<\/strong> l\u00e4sst sich relativ einfach als Bemerkung an yalst \u00fcbergeben. Er wird erneut aus einer Shop-Variablen bezogen. Das Ausrufezeichen sorgt daf\u00fcr, dass eine evtl. bereits vorhandene Bemerkung nicht \u00fcberschrieben wird (z. B. durch eine leere Zeichenkette, wenn der Kunden sich noch nicht angemeldet hat) Wir machen das Ganze wieder in JavaScript:<\/p>\n<pre class=\"lang:js decode:true\">&lt;script language=\"JavaScript\" type=\"text\/javascript\"&gt;\r\ny_remark=\"!Kundenname\";\r\n&lt;\/script&gt;<\/pre>\n<p>Abschlie\u00dfend noch die yalst-Einbindung f\u00fcr das <strong>Besucher-Monitoring<\/strong>. Diese verarbeitet auch die ganzen anderen zuvor gewonnenen Daten und muss daher auf jeden Fall unterhalb des o. g. Codes stehen:<\/p>\n<pre class=\"lang:default decode:true\">&lt;script language=\"JavaScript\" type=\"text\/javascript\"&gt;\r\n  (function()\r\n    {\r\n    var spanID = Math.random().toString();\r\n    document.write(\"&lt;span id='\" + spanID + \"' &gt;&lt;\/span&gt;\");\r\n    var anchorElement = document.getElementById(spanID);\r\n    var script = document.createElement(\"script\");\r\n    script.src = \"http:\/\/www.example.com\/yalst\/yalst.js.php?site=1-1&amp;button=no&amp;y_span_id=\" + spanID;\r\n    anchorElement.parentNode.insertBefore(script, anchorElement);\r\n    })();\r\n&lt;\/script&gt;<\/pre>\n<p>Wenn im Besucher-Monitor (und den Statistiken) statt der Datei-Namen (wie z.B. index.php oder shop.php) die <strong>HTML-Seitentitel<\/strong> angezeigt werden sollen, mu\u00df dieser Code so aussehen:<\/p>\n<pre class=\"lang:js decode:true\">&lt;script language=\"JavaScript\" type=\"text\/javascript\"&gt;\r\n  (function()\r\n    {\r\n    var spanID = Math.random().toString();\r\n    document.write(\"&lt;span id='\" + spanID + \"' &gt;&lt;\/span&gt;\");\r\n    var anchorElement = document.getElementById(spanID);\r\n    var script = document.createElement(\"script\");\r\n    script.src = \"http:\/\/www.example.com\/yalst\/yalst.js.php?site=1-1&amp;button=no&amp;pagetitle=auto&amp;y_span_id=\" + spanID;\r\n    anchorElement.parentNode.insertBefore(script, anchorElement);\r\n    })();\r\n&lt;\/script&gt;<\/pre>\n<p>Da die in diesem Abschnitt genannten Einbindungen alle zusammengeh\u00f6ren (wie gesagt am besten unmittelbar vor &lt;\/body&gt; plazieren), <strong>fassen<\/strong> wir sie an dieser Stelle nochmal <strong>zusammen<\/strong>:<\/p>\n<pre class=\"lang:js decode:true  \">&lt;script language=\"JavaScript\" type=\"text\/javascript\"&gt;\r\nvar y_cartitems='Artikelzahl';\r\nvar y_cartvalue='Warenkorbwert';\r\n&lt;\/script&gt;\r\n\r\n&lt;script language=\"JavaScript\"&gt;\r\nif (typeof y_track=='undefined')\r\n  {y_track=new Array();}\r\ny_track[0]=new Array();\r\ny_track[0][0]=\"basket*\";\r\ny_track[0][1]=\"-\";\r\nfor (var i=1; i&lt;=Artikelzahl; i++)\r\n  {\r\n  y_track[i]=new Array();\r\n  y_track[i][0]=\"basket_Artikelnummer\";\r\n  y_track[i][1]=\"Artikelbeschreibung\/-anzahl\";\r\n  }\r\ny_remark=\"!Kundenname\";\r\n&lt;\/script&gt;\r\n\r\n&lt;script language=\"JavaScript\"&gt;\r\n  (function()\r\n    {\r\n    var spanID = Math.random().toString();\r\n    document.write(\"&lt;span id='\" + spanID + \"' &gt;&lt;\/span&gt;\");\r\n    var anchorElement = document.getElementById(spanID);\r\n    var script = document.createElement(\"script\");\r\n    script.src = \"http:\/\/www.example.com\/yalst\/yalst.js.php?site=1-1&amp;button=no&amp;y_span_id=\" + spanID;\r\n    anchorElement.parentNode.insertBefore(script, anchorElement);\r\n    })();\r\n&lt;\/script&gt;<\/pre>\n<div  style='padding-bottom:10px; ' class='av-special-heading av-special-heading-h4    avia-builder-el-2  el_after_av_heading  el_before_av_heading  '><h4 class='av-special-heading-tag '  itemprop=\"headline\"  >Conversion-Tracking<\/h4><div class='special-heading-border'><div class='special-heading-inner-border' ><\/div><\/div><\/div>\n<p>Die folgenden beiden Einbindungen kommen ausschlie\u00dflich auf die <strong>Bestellabschlu\u00dfseite<\/strong>, also wenn ein Einkaufsvorgang beendet ist.<\/p>\n<p>Sie m\u00fcssen oberhalb der Besucher-Monitoring-Einbindung plaziert werden. Der erste Codeschnipsel schlie\u00dft das <strong>Warenkorb-Monitoring<\/strong> ab (ab Business-Edition):<\/p>\n<pre class=\"lang:js decode:true\">&lt;script language=\"JavaScript\" type=\"text\/javascript\"&gt;\r\ny_cartcomplete=true;\r\n&lt;\/script&gt;<\/pre>\n<p>Nun folgt das eigentliche <strong>Conversion-Tracking<\/strong> (ab Professional-Edition):<\/p>\n<pre class=\"lang:js decode:true \">&lt;script language=\"JavaScript\" type=\"text\/javascript\"&gt;\r\nvar yct_event='Verkauf im Shop';\r\nvar yct_ref=3;\r\nvar yct_id='calculate';\r\nvar yct_comment='Kundenname';\r\nvar yct_volume='Warenkorbwert';\r\n&lt;\/script&gt;<\/pre>\n<p><strong>Warenkorbwert<\/strong> und <strong>Kundenname<\/strong> sind wie immer aus dem Shop-System zu entnehmen.<\/p>\n<div  style='padding-bottom:10px; ' class='av-special-heading av-special-heading-h4    avia-builder-el-3  el_after_av_heading  avia-builder-el-last  '><h4 class='av-special-heading-tag '  itemprop=\"headline\"  >Hinweis f\u00fcr https-Seiten<\/h4><div class='special-heading-border'><div class='special-heading-inner-border' ><\/div><\/div><\/div>\n<p>Wenn es in Ihrem Shop-Seiten gibt, die \u00fcber SSL-Verschl\u00fcsselung abgerufen werden (https-Seiten), sollten Sie den\u00a0<strong>yalst<\/strong>\u00a0Live Chat mit SSL-Unterst\u00fctzung verwenden, damit es keine Sicherheitswarnungen in den Webbrowsern der Besucher gibt.<\/p>\n<p>Diese ist ab der Basic-Edition verf\u00fcgbar, bei der Kaufl\u00f6sung kann die SSL-Unterst\u00fctzung bei der Installation (oder auch nachtr\u00e4glich, s. Installationsanleitung) konfiguriert werden (Domain, die per https erreichbar ist, oder SSL-Proxy erforderlich). Zur Einbindung k\u00f6nnen Sie in obenstehenden HTML-Codes alle &#8220;<strong>http:\/\/<\/strong>&#8221; durch &#8220;<strong>https:\/\/<\/strong>&#8221; ersetzen (bei Verwendung eines sogenannten SSL-Proxys mu\u00df die entsprechende Proxy-URL angegeben werden).<\/p>\n","protected":false},"excerpt":{"rendered":"<p>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 den yalst Live Chat optimal in einen beliebigen Shop einzubinden.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[46],"tags":[118,114,56,120,119,112,113,55,115,116,117],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.12 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Live-Chat in Shop-Software einbinden - so geht&#039;s<\/title>\n<meta name=\"description\" content=\"In diesem Artikel beschreiben wir die allgemeine Vorgehensweise, um den yalst Live Chat optimal in einen beliebigen Shopsoftware einzubinden.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.yalst.de\/en\/wie-bindet-man-den-yalst-live-chat-in-eine-shopsoftware-ein\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Live-Chat in Shop-Software einbinden - so geht&#039;s\" \/>\n<meta property=\"og:description\" content=\"In diesem Artikel beschreiben wir die allgemeine Vorgehensweise, um den yalst Live Chat optimal in einen beliebigen Shopsoftware einzubinden.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.yalst.de\/en\/wie-bindet-man-den-yalst-live-chat-in-eine-shopsoftware-ein\/\" \/>\n<meta property=\"og:site_name\" content=\"yalst - Live Support | Live Chat | Live Help | Help Desk\" \/>\n<meta property=\"article:published_time\" content=\"2015-06-04T16:53:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-09-06T15:17:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.yalst.de\/wp-content\/uploads\/2015\/06\/shopping.gif\" \/>\n<meta name=\"author\" content=\"Andreas Beckmann\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Andreas Beckmann\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.yalst.de\/en\/wie-bindet-man-den-yalst-live-chat-in-eine-shopsoftware-ein\/\",\"url\":\"https:\/\/www.yalst.de\/en\/wie-bindet-man-den-yalst-live-chat-in-eine-shopsoftware-ein\/\",\"name\":\"Live-Chat in Shop-Software einbinden - so geht's\",\"isPartOf\":{\"@id\":\"https:\/\/www.yalst.de\/en\/#website\"},\"datePublished\":\"2015-06-04T16:53:37+00:00\",\"dateModified\":\"2018-09-06T15:17:14+00:00\",\"author\":{\"@id\":\"https:\/\/www.yalst.de\/en\/#\/schema\/person\/4bcaadb4b41ae87419746d6e24302bdf\"},\"description\":\"In diesem Artikel beschreiben wir die allgemeine Vorgehensweise, um den yalst Live Chat optimal in einen beliebigen Shopsoftware einzubinden.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.yalst.de\/en\/wie-bindet-man-den-yalst-live-chat-in-eine-shopsoftware-ein\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.yalst.de\/en\/wie-bindet-man-den-yalst-live-chat-in-eine-shopsoftware-ein\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.yalst.de\/en\/wie-bindet-man-den-yalst-live-chat-in-eine-shopsoftware-ein\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.yalst.de\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Wie bindet man den yalst Live Chat in eine Shopsoftware ein?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.yalst.de\/en\/#website\",\"url\":\"https:\/\/www.yalst.de\/en\/\",\"name\":\"yalst - Live Support | Live Chat | Live Help | Help Desk\",\"description\":\"Ihr umfassender Live Support Chat\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.yalst.de\/en\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.yalst.de\/en\/#\/schema\/person\/4bcaadb4b41ae87419746d6e24302bdf\",\"name\":\"Andreas Beckmann\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.yalst.de\/en\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/109b9377dd7164eca133ddc9042ca5e2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/109b9377dd7164eca133ddc9042ca5e2?s=96&d=mm&r=g\",\"caption\":\"Andreas Beckmann\"},\"url\":\"https:\/\/www.yalst.de\/en\/author\/beckmannvisisoft-de\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Live-Chat in Shop-Software einbinden - so geht's","description":"In diesem Artikel beschreiben wir die allgemeine Vorgehensweise, um den yalst Live Chat optimal in einen beliebigen Shopsoftware einzubinden.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.yalst.de\/en\/wie-bindet-man-den-yalst-live-chat-in-eine-shopsoftware-ein\/","og_locale":"en_US","og_type":"article","og_title":"Live-Chat in Shop-Software einbinden - so geht's","og_description":"In diesem Artikel beschreiben wir die allgemeine Vorgehensweise, um den yalst Live Chat optimal in einen beliebigen Shopsoftware einzubinden.","og_url":"https:\/\/www.yalst.de\/en\/wie-bindet-man-den-yalst-live-chat-in-eine-shopsoftware-ein\/","og_site_name":"yalst - Live Support | Live Chat | Live Help | Help Desk","article_published_time":"2015-06-04T16:53:37+00:00","article_modified_time":"2018-09-06T15:17:14+00:00","og_image":[{"url":"https:\/\/www.yalst.de\/wp-content\/uploads\/2015\/06\/shopping.gif"}],"author":"Andreas Beckmann","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Andreas Beckmann","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.yalst.de\/en\/wie-bindet-man-den-yalst-live-chat-in-eine-shopsoftware-ein\/","url":"https:\/\/www.yalst.de\/en\/wie-bindet-man-den-yalst-live-chat-in-eine-shopsoftware-ein\/","name":"Live-Chat in Shop-Software einbinden - so geht's","isPartOf":{"@id":"https:\/\/www.yalst.de\/en\/#website"},"datePublished":"2015-06-04T16:53:37+00:00","dateModified":"2018-09-06T15:17:14+00:00","author":{"@id":"https:\/\/www.yalst.de\/en\/#\/schema\/person\/4bcaadb4b41ae87419746d6e24302bdf"},"description":"In diesem Artikel beschreiben wir die allgemeine Vorgehensweise, um den yalst Live Chat optimal in einen beliebigen Shopsoftware einzubinden.","breadcrumb":{"@id":"https:\/\/www.yalst.de\/en\/wie-bindet-man-den-yalst-live-chat-in-eine-shopsoftware-ein\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.yalst.de\/en\/wie-bindet-man-den-yalst-live-chat-in-eine-shopsoftware-ein\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.yalst.de\/en\/wie-bindet-man-den-yalst-live-chat-in-eine-shopsoftware-ein\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.yalst.de\/en\/"},{"@type":"ListItem","position":2,"name":"Wie bindet man den yalst Live Chat in eine Shopsoftware ein?"}]},{"@type":"WebSite","@id":"https:\/\/www.yalst.de\/en\/#website","url":"https:\/\/www.yalst.de\/en\/","name":"yalst - Live Support | Live Chat | Live Help | Help Desk","description":"Ihr umfassender Live Support Chat","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.yalst.de\/en\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.yalst.de\/en\/#\/schema\/person\/4bcaadb4b41ae87419746d6e24302bdf","name":"Andreas Beckmann","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.yalst.de\/en\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/109b9377dd7164eca133ddc9042ca5e2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/109b9377dd7164eca133ddc9042ca5e2?s=96&d=mm&r=g","caption":"Andreas Beckmann"},"url":"https:\/\/www.yalst.de\/en\/author\/beckmannvisisoft-de\/"}]}},"_links":{"self":[{"href":"https:\/\/www.yalst.de\/en\/wp-json\/wp\/v2\/posts\/4388"}],"collection":[{"href":"https:\/\/www.yalst.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yalst.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yalst.de\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yalst.de\/en\/wp-json\/wp\/v2\/comments?post=4388"}],"version-history":[{"count":12,"href":"https:\/\/www.yalst.de\/en\/wp-json\/wp\/v2\/posts\/4388\/revisions"}],"predecessor-version":[{"id":4857,"href":"https:\/\/www.yalst.de\/en\/wp-json\/wp\/v2\/posts\/4388\/revisions\/4857"}],"wp:attachment":[{"href":"https:\/\/www.yalst.de\/en\/wp-json\/wp\/v2\/media?parent=4388"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yalst.de\/en\/wp-json\/wp\/v2\/categories?post=4388"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yalst.de\/en\/wp-json\/wp\/v2\/tags?post=4388"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}