WordPress: Bi tikandina Girêdanek an Bişkokek Bi karanîna Elementor re pencereyek LiveChat veke
Yek ji muwekîlên me heye Elementor, yek ji platformên avakirina rûpela herî bihêz a ji bo WordPress. Me di van çend mehên dawî de ji wan re dibe alîkar ku hewildanên kirrûbirra xweya hundurîn paqij bikin, xwerûkirinên ku wan bicîh anîne kêm bikin, û pergalên çêtir danûstendinê bikin - tevî analîtîkan.
Mişterî heye livechat, karûbarek danûstendinê ya fantastîk ku ji bo her gav pêvajoya chatê xwedan entegrasyona Google Analytics ya bihêz e. LiveChat ji bo entegrekirina wê di malpera we de API-yek pir baş heye, di nav de xwedan şiyana vekirina pencereya danûstendinê bi karanîna bûyerek onClick di tagek ankerê de. Li vir çawa xuya dike:
<a href="#" onclick="parent.LC_API.open_chat_window();return false;">Chat Now!</a>
Heke we hebe ku hûn koda bingehîn biguherînin an HTML-ya xwerû lê zêde bikin ev kêrhatî ye. Bi Elementor, her çend, platform ji ber sedemên ewlehiyê girtî ye da ku hûn nekarin an lê zêde bikin bûyer onClick ji her tiştî re. Ger we ew bûyera xwerû ya onClick li koda we zêde kiribe, hûn çu celeb xeletiyek nabînin… lê hûn ê koda ku ji encam hatî derxistin bibînin.
Bikaranîna jQuery Guhdarek
Yek tixûbdariya metodolojiya onClick ev e ku hûn neçar in ku her girêdanek li ser malpera xwe biguherînin û wê kodê lê zêde bikin. Rêbazek alternatîf ev e ku meriv skrîptek di rûpela ku de vedihewîne guhdarî dike ji bo klîkek taybetî li ser rûpela we û ew kodê ji we re dimeşîne. Ev dikare bi lêgerîna her yekê were kirin tag lenger bi taybetî çîna CSS. Di vê rewşê de, em tagek lengerê bi çînek bi navê destnîşan dikin openchat
.
Di nav lingê malperê de, min ev HTML-ya xwerû bi skrîpta pêwîst lê zêde kir:
<script>
document.addEventListener("DOMContentLoaded", function(event) {
jQuery('.openchat a').click(function(){
parent.LC_API.open_chat_window();return false;
});
});
</script>
Bikaranîna Guhdarek JavaScriptê
Wekî din, li vir koda ku JavaScript bikar tîne heye:
<script>
document.addEventListener("DOMContentLoaded", function(event) {
var openchatElements = document.querySelectorAll('.openchat');
openchatElements.forEach(function(element) {
element.addEventListener('click', function() {
if (parent.LC_API && parent.LC_API.open_chat_window) {
parent.LC_API.open_chat_window();
}
return false;
});
});
});
</script>
Naha, ew skrîpt li seranserê malperê ye, ji ber vê yekê bêyî rûpelê, ger çînek min hebe
openchat ku tê tikandin, ew ê pencereya chatê veke. Ji bo objeya Elementor, me tenê zencîreya # û çîna wekî destnîşan kir openchat.Bê guman, kod dikare ji bo celebek bûyerek din were zêdekirin an were bikar anîn, mîna a Bûyera Google Analytics. Bê guman, LiveChat bi Google Analytics re entegrasyonek berbiçav heye ku van bûyeran zêde dike, lê ez wê li jêr tenê wekî mînakek vedigirim:
<script>
document.addEventListener("DOMContentLoaded", function(event) {
jQuery('.openchat a').click(function(){
parent.LC_API.open_chat_window();return false;
gtag('event', 'open_chat_window', {
'event_category': 'Chat Interaction',
'event_label': 'Live Chat Opened'
});
});
});
</script>
Avakirina malperek bi Elementor re hêsan e, û ez platformê pir pêşniyar dikim. Civatek mezin, bi ton çavkanî, û çend pêvekên Elementor hene ku kapasîteyan zêde dikin.