Facebook Messenger ile Canlı Destek Entegresi

Genellikle E-ticaret Sitelerinde kullanılan Canlı Destek uygulaması ile müşterileriniz ile alık olarak konuşmanızı sağlayan bir çok uygulama mevcut.

Bunlardan en yaygın olanı ise Zopim Chat. Peki bu uygulamalar tam olarak ne işe yarıyor?

Uygulamaları Detaylı incelediğimiz de Müşterileriniz ve ziyaretçileriniz ile Anlık olarak iletişime geçmenizi, hızlı aksiyonlar almanıza olanak sağlıyor. Bu aksiyonlar ile birer bir temasın yanında ciddi miktarda dönüşümler alınıyor.

Canlı Destek Uygulamaları ile Müşterileriniz ile iletişime geçmenizi sağlayan bir kullanıcı paneli, mobil uygulama, İstatistikler ve bir çok özelliği ile hizmetinizi farklı kanallar ile bir adım ileriye taşıyabiliyorsunuz.

Zopim ve benzeri bir çok uygulama ücretli olduğunu unutmamak lazım. Danışmanlık hizmeti verdiğim bir kaç E-ticaret firmasında farklı birşey uygulayıp Hem sosyal medya kanallarına ziyaretçi çekmeyi hemde Hızlı şekilde iletişime geçmelerini sağlamak gayretindeydim.

Tam bu sırada Facebook’un Messenger uygulamasını detaylı araştırma imkanına eriştim. Facebook Messenger‘i sitenize kurarak nasıl dönüşüm alacağınızı aşağıdaki notlarımı okuyarak adım adım gerçekleştirebilirsiniz.

Neyin nesidir bu Facebook Messenger ?

Hani şu Facebook‘da Arkadaşlarımızla konuştuğumuz mesaj paneli varya heh işte tam olarak o diyebiliriz. Biliyorsunuz ki Facebook artık mobil tarayıcılar ile mesajlaşma özelliğini kapattı. Bizleri tamamen Messenger uygulamasını kullanmaya itti.

facebook messenger

Böylelikle Facebook üzerinden mobil platformalarda konuşmak isteyen bütün kullanıcılar Facebook’un Messenger uygulamasını kullanmak zorunda kaldılar.

Öyleki son günlerde Facebook Messenger kullanarak arkadaş olmadan sadece konuşmak için kişi ekleyebilecek ek özellikler gelmeye başladı ve testlerini şuan gerçekleştiriyorlar.

Facebook’a hiç girmeden Messenger.com Üzerinden Arkadaşlarınız ile konuşabileceğinizi biliyor muydunuz? Tamamen İnternet Tarıcılarınız üzerinden Video, Sesli Arama ve Anlık mesajlaşmayı kullanabileceğiniz çok hoş bir tasarıma sahip yeni bir sistem.

Bu sistemi Kullanarak nasıl Müşterilerimiz ve ziyaretçilerimiz ile iletişime geçeceğimizi Adım adım anlatıyorum.

Facebook Messenger ile Neler Yapabiliriz ?

Facebook Messenger ile Sitenizi ziyaret eden kullanıcılar ile basit entegrasyonu yaptığınız andan itibaren yazışmaya başlayabilirsiniz.

Sitenizi ziyaret eden ve oturumu açık bütün ziyaretçiler size yazdıklar herşey Mesaj paneline düşecektir. Facebook Sayfanıza Hazır mesajlar ekleyerek Ziyaretçilerinize siz olmadığınız anda otomatik mesaj göndermeyi sağlayabilirsiniz.

Bunun için Facebook Sayfanızdan > Mesajlar > Mesaj Alanındaki Mesaj simgesine tıklayarak aşağıdaki gibi otomatik yanıtlar ekleyebilirsiniz.

Facebook otomatik yanıt

Sizle iletişime geçen kullanıcılar Mesaj paneli üzerinden Sayfanızı inceleyerek Beğenmek isteyecek, Ürünlerinize hizmetlerinize gözatmış olacaktır.

Kullanıcılarınız Diğer Masaüstü Platformlar haricinde Mobil Messenger ile sizinle hızlıca iletişim kurabileceklerdir.

Aynı şekilde Siz pc başında olmadan Facebook Sayfa Yöneticisi Uygulaması ile ister IOS ister Android platformlardan Ziyaretçileriniz ile Hızlıca iletişime Geçebilirsiniz.

Ücretsiz bu uygulama ile Anonim olmadan bütün Ziyaretçilerin profillerini inceleyebilirsiniz.

Facebook Messenger Entegrasyonu ve Kurulumu

Facebook Messenger Entegrasyonu için İşletmenize veya Websitenize ait Facebook sayfası olması gerekmekte. Aynı Zamanda Sayfanızın Ayarlar > Mesaj açık şekilde Aktif olması gerekmekte.

Bu Bağlantıya Tıkladığınızda Facebook Page Plugin Sayfasına Geldiğinizde Aşağıdaki gibi bir Bölüm ile karşılayacaksınız. Kırmızı Alanlar ile çizdiğim bölgeleri doldurmanız gerekiyor.

Facebook Messenger Sayfa Eklentisi

Facebook Sayfa URL’si : Facebook.com/sayfa uzantınız gelecek şekilde ekleyiniz.

Sekmeler : Standart şekliyle ” timeline ” olan bu alanı ” Messages ” olarak değiştirelim

Width ve Boy : Bu Alanları web sitenizin eklemek istediğiniz bölüme göre px boyunta değerler girebilirsiniz.

Use Small Header : Küçük Header Başlık Alanı Gizleyip Gizlemeyeceğiniz.

Hide Cover Photo : Sayfa Kapak Resminin Gizlenip gizlenmeyeceği

Bu Alanları Doldurduktan sonra Kodu Al Butonuna Tıklıyoruz ardından pop up bir pencelere ile entegre edeceğimiz kodlar geliyor.facebook messages kod

  1.  Alandaki Javascript Kodlarınızı </header> Etiketinden önce ekleyebilirsiniz.
  2. Alandaki Kodu Mesaj kutusunun Eklenmesini istediğiniz bölgeye yapıştırabilirsiniz.

Websiteniz WordPress ise Görünüm > Bileşenler > Metin Alanına 2. Alandaki kodu ekleyerek ziyaretçileriniz ile hızlı şekilde iletişim kurabilirsiniz.

Facebook Messenger Live Chat gibi kullanmak.

Blogger Spice Sitesinde Facebook Messenger uygulamasını css ve javascript kodlar ile düzenleyip açılır kapanır sitenin en alt sağ bölümünde sabit bir Live Chat haline getirmişler.

hanimisi-facebook

Blogger Spice Sitesindeki Kodları Derlediğimizde kendi sistelerimiz için bu şahane görünümü elde edebilirsiniz. Aşağıda kodları bulabilirsiniz. Mavi olarak işaretlediğim alanları kendinize göre düzenleyebilirsiniz.

Kodu sitenizin Widget Alanlarına veya farklı bir alana ekleyerek direk çalıştırabilirsiniz. Yazıyı Beğendiyseniz Paylaşarak, yorum yaparak ve Mail aboneliği başlatarak destek olabilirsiniz.

Kalın sağlıcakla

Facebook Messenger Live Chat Kodları

<style type=”text/css”>
#b-c-facebook .fbchat_box,#chat_f_b_smal,#f_bt_start_chat{background:#3a5897}
#fbchat_box{padding-right:15px;max-width:210px;max-height:50px;display:block;transition:all .3s}
#b-c-facebook .f-chat-conent .chat-single a,#chat_f_b_smal{font-family:Arial,sans-serif}
#b-c-facebook .fbchat_box,#chat_f_b_smal{text-shadow:0 1px 0 rgba(0,0,0,.1);background-repeat:repeat-x;background-size:auto;background-position:0 0;text-decoration:none}
.chat_f_vt{position:fixed;right:10px}
#chat_f_b_smal{padding:0 10px;cursor:pointer;width:90px;color:#fff;height:38px;line-height:38px;background-color:#3a5897;border:0;margin-right:12px;font-size:14px;z-index:999999999;bottom:0;border-top-left-radius:5px;border-top-right-radius:5px;bottom:-400px;transition:all .3s;text-align:center;display:block}
#chat_f_b_smal:hover{background-color:#3B5998;opacity:1}
#b-c-facebook{margin-right:50px;bottom:0;z-index:9999999999;transition:all .3s;width:250px;height:auto;max-height:375px;min-height:38px;box-shadow:0 10px 50px 0 rgba(0,0,0,0.25);border-top-left-radius:5px;border-top-right-radius:5px;overflow:hidden;display:block}
#b-c-facebook .f-chat-conent{float:left;width:100%;height:335px;overflow:hidden;display:none;background-color:#fff;position:relative}
#b-c-facebook .f-chat-conent .chat-single{float:left;position:absolute;bottom:0;left:0;background-color:#fff;line-height:25px;color:#fff;width:100%}
#b-c-facebook .f-chat-conent .chat-single a{float:left;text-decoration:none;margin-left:10px;color:#0C5BB5;font-size:12px}
#b-c-facebook .f-chat-conent .chat-single a:hover{color:#F60}
#b-c-facebook .fbchat_box label{width:185px}
#b-c-facebook .f-chat-conent .chat-single label{float:right;color:silver;margin-right:5px;font-size:12px;font-family:Arial}
#b-c-facebook .fbchat_box,#b-c-facebook .fbchat_box label{line-height:20px;margin:0;cursor:pointer;font-family:Arial,sans-serif;font-size:14px}
#b-c-facebook .f-chat-conent .chat-single i{color:#0C5BB5}
#b-c-facebook .f-chat-conent .fb-page{margin-top:0;float:left;height:310px}
#b-c-facebook .fbchat_box{float:left;padding:0 25px;padding-left:15px;width:250px;color:#fff;height:38px;line-height:38px;background-color:#3a5897;border:0;z-index:9999999;margin-right:12px}
#b-c-facebook .fbchat_box label{position:absolute;top:10px}
//Widget by www.bloggerspice.com
.title-f-chat-icon{margin-left:-10px}
#t_f_chat{float:left;position:absolute;right:15px;top:-5px}
#t_f_chat a{color:#fff;font-size:17px;font-family:verdana;text-decoration:none}
#t_f_chat a:hover i{color:#ff0;text-decoration:none}
.chat-left-5{margin-left:2px}
#start_chat{position:absolute;width:248px;height:239px;top:70px;left:0;background-color:#fff;padding:10px;float:left;display:none}
#start_chat em{font-size:11px;color:gray}
.msg_b{color:#434a54;width:80%;word-wrap:break-word;overflow:hidden;font-family:Arial,sans-serif;font-size:14px;background:#edeef1;padding:10px;min-height:13px;margin-bottom:5px;position:relative;margin:5px;border-radius:5px;border:1px solid #dfe3e9}
#close_chat{opacity:0.5}
#close_chat:hover{opacity:1}
.msg_b a{text-decoration:underline;color:#01509E}
#f_bt_start_chat{margin:auto;background-color:#3a5897;border-radius:3px;color:#fff;font-family:Arial;font-size:14px;font-weight:bold;padding:9px 35px;text-decoration:none}
#f_bt_start_chat:hover{text-decoration:none;opacity:0.8}
#start_chat p{margin-top:30px}
#fb_alert_num{background-color:#ff0;padding:0 7px;color:red;border-radius:40px;font-size:13px;font-family:Arial;font-weight:700;position:absolute;right:55px;top:12px;height:20px;line-height:20px;display:none!important}
.hide_chatbox{display:none}
#f_enter_3{margin-top:30px}
</style>
<script>
//<![CDATA[
function check_fist_vist_f(){var _=f_read_cki(“check_fist_vist_f”);(0==_||””==_)&&(fb_eshow(“f-chat-conent”),f_create_cki(“check_fist_vist_f”,”1″,1),f_create_cki(“f_chat_open”,”1″,1))}
function close_chat(){fb_ehide(‘b-c-facebook’),f_create_cki(‘close_chat’,1,1),$(‘body’).find(‘.zopim’).remove(),fb_eshow(‘chat_f_b_smal’),on_playsound(‘click’)}
function open_chat(){f_create_cki(‘close_chat’,’0′,1),fb_eshow(‘b-c-facebook’),fb_eshow(‘f-chat-conent’),fb_ehide(‘chat_f_b_smal’)}
function f_bt_start_chat(){f_create_cki(‘f_bt_start_chat’,’1′,10),fb_ehide(‘start_chat’),fb_ehide(‘fb_alert_num’),on_playsound(‘click’)}
function f_c_start_chat(){var t=f_read_cki(‘f_bt_start_chat’);0==t||”==t?(fb_eshow(‘start_chat ‘),fb_eshow(‘fb_alert_num’),f_chat_step()):(fb_ehide(‘start_chat’),fb_ehide(‘fb_alert_num’))}
function b_f_chat(){var t=f_read_cki(‘f_chat_open’);0==t||”==t?(fb_eshow(‘f-chat-conent’),f_create_cki(‘f_chat_open’,’1′,1)):(fb_ehide(‘f-chat-conent’),f_create_cki(‘f_chat_open’,’0′,1)),on_playsound(‘click’)}
function f_ck_chat(){check_fist_vist_f();f_c_start_chat();var t=f_read_cki(‘close_chat’);if(”==t||0==t||’0’==t){fb_eshow(‘b-c-facebook’),fb_ehide(‘chat_f_b_smal’);var e=f_read_cki(‘f_chat_open’);(1==e||’1’==e)&&fb_eshow(‘f-chat-conent’)}else fb_eshow(‘chat_f_b_smal’),fb_ehide(‘b-c-facebook’)}
function f_chat_step(){on_playsound(‘door_bell’)
fb_eshow(‘f_enter_1’);fb_eshow(‘f_enter_3′);}
function fb_eshow(t){document.getElementById(t).style.display=’block’;}
function fb_ehide(t){document.getElementById(t).style.display=’none’;}
function f_create_cki(t,e,n){if(n){var o=new Date;o.setTime(o.getTime()+24*n*60*60*1e3);var c=’; expires=’+o.toGMTString()}else var c=”;document.cookie=t+’=’+e+c+’; path=/’;}
function f_read_cki(t){for(var e=t+’=’,n=document.cookie.split(‘;’),o=0;o<n.length;o++){for(var c=n[o];’ ‘==c.charAt(0);)c=c.substring(1,c.length);if(0==c.indexOf(e))return c.substring(e.length,c.length)}
return”}
function on_playsound(t){}
function ionSound(){1==web_sound&&$.ionSound({sounds:[‘click’,’door_bell’],path:fb_path.live_chat_path+’sounds/’,multiPlay:!0,volume:’1.0′})}
var web_sound=!0;jQuery(document).ready(function(t){t(window).scroll(function(){var e=t(window).width();680>=e?f_create_cki(‘f_chat_open’,’0′,1):f_create_cki(‘f_chat_open’,’1′,1)})}),setTimeout(function(){f_ck_chat()},1000);var $=jQuery.noConflict();!function(t){if(!t.ionSound){var e,n,o,c,_={},f={},a=!1,i=function(e){var c,a;-1!==e.indexOf(‘:’)?(c=e.split(‘:’)[0],a=e.split(‘:’)[1]):c=e,f[c]=new Audio,n=f[c].canPlayType(‘audio/mp3′),o=’probably’===n||’maybe’===n?_.path+c+’.mp3′:_.path+c+’.ogg’,t(f[c]).prop(‘src’,o),f[c].load(),f[c].preload=’auto’,f[c].volume=a||_.volume},u=function(t){var e,n,o,c;if(-1!==t.indexOf(‘:’)?(n=t.split(‘:’)[0],o=t.split(‘:’)[1]):n=t,e=f[n],’object’==typeof e&&null!==e)
if(o&&(e.volume=o),_.multiPlay||a){if(_.multiPlay)
if(e.ended)e.play();else{try{e.currentTime=0}catch(i){}
e.play()}}else e.play(),a=!0,c=setInterval(function(){e.ended&&(clearInterval(c),a=!1)},250)},l=function(t){var e=f[t];if(‘object’==typeof e&&null!==e){e.pause();try{e.currentTime=0}catch(n){}}},r=function(t){var e=f[t];if(‘object’==typeof e&&null!==e){try{f[t].src=”}catch(n){}
f[t]=null}};t.ionSound=function(n){if(_=t.extend({sounds:[‘water_droplet’],path:’/sounds/’,multiPlay:!0,volume:’0.5′},n),e=_.sounds.length,’function’==typeof Audio||’object’==typeof Audio)
for(c=0;e>c;c+=1)i(_.sounds[c]);t.ionSound.play=function(t){u(t)},t.ionSound.stop=function(t){l(t)},t.ionSound.kill=function(t){r(t)}},t.ionSound.destroy=function(){for(c=0;e>c;c+=1)f[_.sounds[c]]=null;e=0,t.ionSound.play=function(){},t.ionSound.stop=function(){},t.ionSound.kill=function(){}}}}(jQuery);
//]]>
</script>
<a title=”Open Chat” id=”chat_f_b_smal” onclick=”open_chat()” class=”chat_f_vt”>Sohbeti Aç</a> <div id=”b-c-facebook” class=”chat_f_vt”> <div id=”fbchat_box” onclick=”b_f_chat()” class=”fbchat_box”> <label>Facebook’tan Mesaj Gönder</label> <span id=”fb_alert_num”>1</span> <div id=”t_f_chat”><div class=’close_chatfb’ onclick=’hidechatfb()’>&#95;</div></div></div><div id=”f-chat-conent” class=”f-chat-conent”> <div class=”fb-page” data-tabs=”messages” data-href=”https://www.facebook.com/hanimisicom/” data-width=”250″ data-height=”310″ data-small-header=”true” data-adapt-container-width=”true” data-hide-cover=”true” data-show-facepile=”false” data-show-posts=”true”> </div><div id=”start_chat”> <div id=”f_enter_1″ class=”msg_b hide_chatbox”> Hanimisi.com’u ziyaret ettiğiniz için teşekkürler! </div><p id=”f_enter_3″ class=”hide_chatbox” align=”center”> <a href=”javascript:;” onclick=”f_bt_start_chat()” id=”f_bt_start_chat”>Başlat</a> </p></div></div></div>
<div id=”fb-root”></div>
<script>(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(d.getElementById(id))return;js=d.createElement(s);js.id=id;js.src=”//connect.facebook.net/tr_TR/sdk.js#xfbml=1&version=v2.5″;fjs.parentNode.insertBefore(js,fjs);}(document,’script’,’facebook-jssdk’));</script>

Yeni yazılar için mail almak ister misin?

Mail aboneliği motivasyonu arttırır, yazara güç katar!

2 Comments

  1. Serhat dedi ki:

    Makalelerinizi ilgilyle takip ediyorum Nebi Bey
    Messenger’ı kullanmamızın veri kullanımı veya diğer konularda Zopim gibi uygulamalara kıyasla avantajları var mı?

    • Nebi Kara Nebi Kara dedi ki:

      Serhat Merhaba, Öncelikle Çok Teşekkür Ederim.
      Messenger ile Zopim’i ayırmak çok doğru olacaktır. Zopim üzerinden Anonim olarak sizle iletişime geçen Ziyaretçileriniz ile direkt yazışmaya geçebiliyorsunuz. Zopim üzerinden müşterilerinizin kimliğini bilmemek ile beraber daha sonrası için kontakt kuramıyorsunuz.

      Messenger ile Site üzerinden ziyaretçileriniz sizlere kısa mesaj niteliğinde bildirim yapmaktalar, Sizlerin anlık dönüşü sayesinde Facebook kullanan kullanıcı mobil ve masaüstü platformlarından direkt sizle iletişimlerini sürdürebilmekteler. Sosyal medya hesaplarınızı inceleyebilir konuşma kaydını tutarak profili inceleyebilirsiniz.

      Facebook Messenger geliştirilmeye devam eden bir uygulama. Zopim vb Platformlardan ayrı tutmamız gerektiği fikrindeyim.

      Diğer bir husus ise Zopim vb uygulamaların ücretli olduğudur.
      İyi günler iyi çalışmalar diliyorum 🙂

Bir Cevap Yazın