JS Animated. Wie man mit dem Olark Chat arbeitet

Von diesem Tutorial erfahren Sie, wie man mit dem Olark Chat (Olark chat) in Ihrer JS-animierten Vorlage arbeitet.

Platzierung des Codes des Chats

1. Öffnen Sie den Dateimanager im Hosting Control Panel oder stellen Sie die Verbindung mit FTP her.

2. Öffnen Sie die gewünschte HTML Seite zur Bearbeitung und scrollen Sie nach unten der Datei, die wie folgt aussieht:

     
   		<!-- begin olark code -->
   		<script data-cfasync="false" type='text/javascript'>/*<![CDATA[*/window.olark||(function(c){var f=window,d=document,l=f.location.protocol=="https:"?"https:":"http:",z=c.name,r="load";var nt=function(){
   f[z]=function(){
   (a.s=a.s||[]).push(arguments)};var a=f[z]._={
   },q=c.methods.length;while(q--){(function(n){f[z][n]=function(){
   f[z]("call",n,arguments)}})(c.methods[q])}a.l=c.loader;a.i=nt;a.p={
   0:+new Date};a.P=function(u){
   a.p[u]=new Date-a.p[0]};function s(){
   a.P(r);f[z](r)}f.addEventListener?f.addEventListener(r,s,false):f.attachEvent("on"+r,s);var ld=function(){function p(hd){
   hd="head";return["<",hd,"></",hd,"><",i,' onl' + 'oad="var d=',g,";d.getElementsByTagName('head')[0].",j,"(d.",h,"('script')).",k,"='",l,"//",a.l,"'",'"',"></",i,">"].join("")}var i="body",m=d[i];if(!m){
   return setTimeout(ld,100)}a.P(1);var j="appendChild",h="createElement",k="src",n=d[h]("div"),v=n[j](d[h](z)),b=d[h]("iframe"),g="document",e="domain",o;n.style.display="none";m.insertBefore(n,m.firstChild).id=z;b.frameBorder="0";b.id=z+"-loader";if(/MSIE[ ]+6/.test(navigator.userAgent)){
   b.src="javascript:false"}b.allowTransparency="true";v[j](b);try{
   b.contentWindow[g].open()}catch(w){
   c[e]=d[e];o="javascript:var d="+g+".open();d.domain='"+d.domain+"';";b[k]=o+"void(0);"}try{
   var t=b.contentWindow[g];t.write(p());t.close()}catch(x){
   b[k]=o+'d.write("'+p().replace(/"/g,String.fromCharCode(92)+'"')+'");d.close();'}a.P(2)};ld()};nt()})({
   loader: "static.olark.com/jsclient/loader0.js",name:"olark",methods:["configure","extend","declare","identify"]});
   /* custom configuration goes here (www.olark.com/documentation) */
   olark.identify('7830-582-10-3714');/*]]>*/</script><noscript><a href="https://www.olark.com/site/7830-582-10-3714/contact" title="Contact us" target="_blank">Questions? Feedback?</a> powered by <a href="http://www.olark.com?welcome" title="Olark live chat software">Olark live chat software</a></noscript>
   		<!-- end olark code -->

Löschung vom Chat

1. Ändern Sie Kommentare, wie es auf dem Bildschirmfoto unten angezeigt ist. Zum Beispiel:

     
   		<!-- begin olark code -->
   		Chat code goes here
   		<!-- end olark code -->
   		

   to:

      
   		<!-- begin olark code 
   		Chat code goes here 
   		end olark code -->
   		

2. Als Alternative können Sie den ganzen Teil des Codes (von <!– bis –>) löschen:

     
   		<!-- begin olark code --> 
   		Chat code goes here 
   		<!-- end olark code -->
   		

3. Speichern Sie die Datei und aktualisieren Sie die Seite, um sich die Änderungen anzuschauen.

Bearbeitung vom Chat

1. Ändern Sie den Inhalt unter der folgenden Zeile:

   /*custom configuration goes here (www.olark.com/documentation) */

2. Sie können die Chat ID (chat id) und den Titel, zum Beispiel, ‘Kontaktieren Sie uns’ (Contact us), ‘Unterstützt von’ (powered by), ‘ Olark Chat Software’ (Olark chat software) ändern.

     
   		/* custom configuration goes here (www.olark.com/documentation) */
   olark.identify('7830-582-10-3714');/*]]>*/</script><noscript><a href="https://www.olark.com/site/7830-582-10-3714/contact" title="Contact us" target="_blank">Questions? Feedback?</a> powered by <a href="http://www.olark.com?welcome" title="Olark live chat software">Olark live chat software</a></noscript>
   		<!-- end olark code -->
   		

Hinzufügung vom Chat

Um Ihren Chat zu Seiten der Vorlage hinzuzufügen, öffnen Sie die Olark Website und registrieren Sie dort ein kostenloses Benutzerprofil, um den Code zu erhalten, den Sie in die Vorlage einfügen sollen. Sie können sich auch mit der Anleitung zum Chat bekannt machen. Fügen Sie den Code am Ende der HTML Datei ein, speichern Sie die Änderungen und aktualisieren Sie die Seite.

Achten Sie darauf, dass Sie die gleichen Änderungen an allen HTML Dateien vornehmen müssen, damit die Änderungen für alle Seiten der Website gelten.

Sie können auch das ausführliche Video-Tutorial nutzen: