{"id":81,"date":"2011-02-26T13:56:36","date_gmt":"2011-02-26T12:56:36","guid":{"rendered":"http:\/\/blog.visisoft.de\/yalst\/?p=81"},"modified":"2015-05-22T21:38:33","modified_gmt":"2015-05-22T19:38:33","slug":"chat-button-in-html-layer","status":"publish","type":"post","link":"https:\/\/www.yalst.de\/en\/chat-button-in-html-layer\/","title":{"rendered":"Chat-Button in HTML-Layer einbinden"},"content":{"rendered":"<p>Wenn Sie Ihren yalst-Einbindungscode\/Chat-Button in einer HTML-Layer plazieren (also irgendwo zwischen den HTML-Tags &lt;div&gt; und &lt;\/div&gt;), kann es bei \u00e4lteren Kaufl\u00f6sungen passieren, da\u00df auf Ihrer Webseite ein wei\u00dfes Rechteck zu sehen ist, welches je nach konkreter Position das Design st\u00f6ren kann. Ursache ist eine weitere Layer aus dem yalst-Einbindungscode, die wir z.B. f\u00fcr Chat-Einladungen, Mitteilungen oder Umfragen verwenden.<\/p>\n<p>In solchen F\u00e4llen m\u00fcssen Sie <strong>zwei Einbindungscodes<\/strong> pro Seite verwenden. Einer (<strong>Code 1<\/strong>) ist dann nur f\u00fcr die Ausgabe des Buttons zust\u00e4ndig, der andere (<strong>Code 2<\/strong>) \u00fcbernimmt das Besucher-Monitoring, die Chat-Einladungen usw. Die beiden Codes unterscheiden sich durch Ihre jeweiligen Parameter.<\/p>\n<p>Ersetzen Sie in den folgenden Beispielen bitte &lt;Ihre yalst-Site&gt; durch die Nummer Ihrer Site (wird u.a. in der Operator-Konsole oben angezeigt), z.B. 27000-1. Bei Kaufl\u00f6sungen m\u00fcssen Sie rd.livesupportserver.de durch die Domain Ihrer yalst-Installation ersetzen.<\/p>\n<p><strong>Code 1:<\/strong><\/p>\n<ul>\n<li>zur Anzeige des Chat-Buttons<\/li>\n<li>kommt in die Layer, in der der Button erscheinen soll<\/li>\n<\/ul>\n<p><code>&lt;script language=\"JavaScript\" src=\"http:\/\/rd.livesupportserver.de\/yalst\/yalst.js.php?site=&lt;Ihre yalst-Site&gt;&amp;amp;count=no\" type=\"text\/javascript\"&gt;&lt;\/script&gt;<\/code><\/p>\n<p><strong>Code 2:<\/strong><\/p>\n<ul>\n<li>f\u00fcr das Besucher-Monitoring<\/li>\n<li>kommt unmittelbar vor &lt;\/body&gt; der jeweiligen Seite<\/li>\n<\/ul>\n<p><code>&lt;script language=\"JavaScript\" src=\"http:\/\/rd.livesupportserver.de\/yalst\/yalst.js.php?site=&lt;Ihre yalst-Site&gt;&amp;amp;button=no\" type=\"text\/javascript\"&gt;&lt;\/script&gt;<\/code><\/p>\n<p>Ab yalst-Version 7.5, Release 7.503 (vom 30.12.2009), sollten keine st\u00f6renden Rechtecke mehr in einer Webseite zu sehen sein. Allerdings kann es durch eine ung\u00fcnstige Layer-Schachtelung immer noch passieren, da\u00df Chat-Einladungen, Mitteilungen, Umfragen oder Banner an einer ungeeigneten Position auf der Seite erscheinen.<\/p>\n<p>Daher empfehlen wir bei der Plazierung von Chat-Buttons in einer HTML-Layer nach wie vor die zuvor beschriebene doppelte Einbindung.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Wenn Sie Ihren yalst-Einbindungscode\/Chat-Button in einer HTML-Layer plazieren, kann es bei \u00e4lteren Kaufl\u00f6sungen passieren, da\u00df auf Ihrer Webseite ein wei\u00dfes Rechteck zu sehen ist, welches je nach konkreter Position das Design st\u00f6ren kann.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[46],"tags":[56,65],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.12 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Chat-Button in HTML-Layer einbinden - yalst - Live Support | Live Chat | Live Help | Help Desk<\/title>\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\/chat-button-in-html-layer\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Chat-Button in HTML-Layer einbinden - yalst - Live Support | Live Chat | Live Help | Help Desk\" \/>\n<meta property=\"og:description\" content=\"Wenn Sie Ihren yalst-Einbindungscode\/Chat-Button in einer HTML-Layer plazieren, kann es bei \u00e4lteren Kaufl\u00f6sungen passieren, da\u00df auf Ihrer Webseite ein wei\u00dfes Rechteck zu sehen ist, welches je nach konkreter Position das Design st\u00f6ren kann.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.yalst.de\/en\/chat-button-in-html-layer\/\" \/>\n<meta property=\"og:site_name\" content=\"yalst - Live Support | Live Chat | Live Help | Help Desk\" \/>\n<meta property=\"article:published_time\" content=\"2011-02-26T12:56:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-05-22T19:38:33+00:00\" \/>\n<meta name=\"author\" content=\"Markus Jasinski\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@mjasinski\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Markus Jasinski\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.yalst.de\/en\/chat-button-in-html-layer\/\",\"url\":\"https:\/\/www.yalst.de\/en\/chat-button-in-html-layer\/\",\"name\":\"Chat-Button in HTML-Layer einbinden - yalst - Live Support | Live Chat | Live Help | Help Desk\",\"isPartOf\":{\"@id\":\"https:\/\/www.yalst.de\/en\/#website\"},\"datePublished\":\"2011-02-26T12:56:36+00:00\",\"dateModified\":\"2015-05-22T19:38:33+00:00\",\"author\":{\"@id\":\"https:\/\/www.yalst.de\/en\/#\/schema\/person\/c8d552900d64494acc23321833fef145\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.yalst.de\/en\/chat-button-in-html-layer\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.yalst.de\/en\/chat-button-in-html-layer\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.yalst.de\/en\/chat-button-in-html-layer\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.yalst.de\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Chat-Button in HTML-Layer einbinden\"}]},{\"@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\/c8d552900d64494acc23321833fef145\",\"name\":\"Markus Jasinski\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.yalst.de\/en\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e2f2f14b849ea540436dcf72e3870f1d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e2f2f14b849ea540436dcf72e3870f1d?s=96&d=mm&r=g\",\"caption\":\"Markus Jasinski\"},\"description\":\"Entwickler und Mitglied der Gesch\u00e4ftsf\u00fchrung bei der Visisoft OHG\",\"sameAs\":[\"http:\/\/www.markus-jasinski.de\",\"https:\/\/twitter.com\/mjasinski\"],\"url\":\"https:\/\/www.yalst.de\/en\/author\/jasinskivisisoft-de\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Chat-Button in HTML-Layer einbinden - yalst - Live Support | Live Chat | Live Help | Help Desk","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\/chat-button-in-html-layer\/","og_locale":"en_US","og_type":"article","og_title":"Chat-Button in HTML-Layer einbinden - yalst - Live Support | Live Chat | Live Help | Help Desk","og_description":"Wenn Sie Ihren yalst-Einbindungscode\/Chat-Button in einer HTML-Layer plazieren, kann es bei \u00e4lteren Kaufl\u00f6sungen passieren, da\u00df auf Ihrer Webseite ein wei\u00dfes Rechteck zu sehen ist, welches je nach konkreter Position das Design st\u00f6ren kann.","og_url":"https:\/\/www.yalst.de\/en\/chat-button-in-html-layer\/","og_site_name":"yalst - Live Support | Live Chat | Live Help | Help Desk","article_published_time":"2011-02-26T12:56:36+00:00","article_modified_time":"2015-05-22T19:38:33+00:00","author":"Markus Jasinski","twitter_card":"summary_large_image","twitter_creator":"@mjasinski","twitter_misc":{"Written by":"Markus Jasinski","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.yalst.de\/en\/chat-button-in-html-layer\/","url":"https:\/\/www.yalst.de\/en\/chat-button-in-html-layer\/","name":"Chat-Button in HTML-Layer einbinden - yalst - Live Support | Live Chat | Live Help | Help Desk","isPartOf":{"@id":"https:\/\/www.yalst.de\/en\/#website"},"datePublished":"2011-02-26T12:56:36+00:00","dateModified":"2015-05-22T19:38:33+00:00","author":{"@id":"https:\/\/www.yalst.de\/en\/#\/schema\/person\/c8d552900d64494acc23321833fef145"},"breadcrumb":{"@id":"https:\/\/www.yalst.de\/en\/chat-button-in-html-layer\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.yalst.de\/en\/chat-button-in-html-layer\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.yalst.de\/en\/chat-button-in-html-layer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.yalst.de\/en\/"},{"@type":"ListItem","position":2,"name":"Chat-Button in HTML-Layer einbinden"}]},{"@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\/c8d552900d64494acc23321833fef145","name":"Markus Jasinski","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.yalst.de\/en\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e2f2f14b849ea540436dcf72e3870f1d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e2f2f14b849ea540436dcf72e3870f1d?s=96&d=mm&r=g","caption":"Markus Jasinski"},"description":"Entwickler und Mitglied der Gesch\u00e4ftsf\u00fchrung bei der Visisoft OHG","sameAs":["http:\/\/www.markus-jasinski.de","https:\/\/twitter.com\/mjasinski"],"url":"https:\/\/www.yalst.de\/en\/author\/jasinskivisisoft-de\/"}]}},"_links":{"self":[{"href":"https:\/\/www.yalst.de\/en\/wp-json\/wp\/v2\/posts\/81"}],"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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yalst.de\/en\/wp-json\/wp\/v2\/comments?post=81"}],"version-history":[{"count":1,"href":"https:\/\/www.yalst.de\/en\/wp-json\/wp\/v2\/posts\/81\/revisions"}],"predecessor-version":[{"id":3810,"href":"https:\/\/www.yalst.de\/en\/wp-json\/wp\/v2\/posts\/81\/revisions\/3810"}],"wp:attachment":[{"href":"https:\/\/www.yalst.de\/en\/wp-json\/wp\/v2\/media?parent=81"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yalst.de\/en\/wp-json\/wp\/v2\/categories?post=81"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yalst.de\/en\/wp-json\/wp\/v2\/tags?post=81"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}