Если данный туториал не то, что Вы искали, у Вас все еще остались вопросы или предложения - дайте нам знать. Пожалуйста, помогите нам обслуживать Вас лучше!

Ваше имя

Ваш e-mail

Ваше сообщение (обязательно)

captcha

Новые шаблоны

JS Animated. Как работать с чатом Olark

Наша Команда техподдержки рада представить вам новый туториал, который покажет, как работать с чатом Olark (Olark chat) в вашем JS-анимированном шаблоне.

JS Animated. Как работать с чатом Olark

Размещение кода чата

  1. Откройте Файловый менеджер Панели управления хостингом, или войдите в ваш клиент FTP.

  2. Откройте нужную страницу HTML, для редактирования и прокрутите вниз файла, для того чтобы найти код чата, который выглядит следующим образом:

      
    		<!-- 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 -->

Удаление чата

  1. Измените комментарии, как показано в примере ниже, например:

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

    to:

       
    		<!-- begin olark code 
    		Chat code goes here 
    		end olark code -->
    		
  2. В качестве альтернативы, Вы можете удалить весь фрагмент кода (начиная с <!— и заканчивая —>):

      
    		<!-- begin olark code --> 
    		Chat code goes here 
    		<!-- end olark code -->
    		
  3. Сохраните файл и обновите страницу для просмотра изменений.

Редактирование чата

  1. Измените содержимое под следующей строкой:

    /*custom configuration goes here (www.olark.com/documentation) */
  2. Вы можете изменить Идентификационный номер чата (chat id) и заголовки, например ‘Связаться с нами’ (Contact us), ‘При поддержке’ (powered by), ‘Программное обеспечение чата Olark’ (Olark chat software).

      
    		/* 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 -->
    		

Добавление чата

Для того чтобы добавить ваш чат на страницы шаблона, посетите сайт Olark и зарегистрируйте там ваш бесплатный профиль пользователя, для того чтобы получить код, который нужно вставить в шаблон. Вы можете также ознакомиться с документацией чата. Вставьте код вниз файла HTML, сохраните изменения и обновите страницу.

Обратите внимание, что Вы должны внести одинаковые изменения во все файлы HTML, для того чтобы применить изменения ко всем страницам сайта.

Вы можете также ознакомиться с детальным видео-туториалом ниже:

JS Animated. Как работать с чатом Olark