WordPress: E wehe i kahi pukaaniani LiveChat ma ke kaomi ʻana i kahi loulou a i ʻole pihi e hoʻohana ana i ka Elementor
Ua loaʻa i kekahi o kā mākou mea kūʻai Elementor, kekahi o nā kahua kūkulu ʻaoʻao ikaika loa no WordPress. Ua kōkua mākou iā lākou e hoʻomaʻemaʻe i kā lākou mau hana kūʻai aku i loko o nā mahina i hala iho nei, e hōʻemi ana i nā hana maʻamau a lākou i hoʻokō ai, a me ka hoʻomaikaʻi ʻana i nā ʻōnaehana - me ka analytics.
Loaʻa i ka mea kūʻai aku LiveChat, he lawelawe kamaʻilio maikaʻi loa i hoʻohui pū ʻia me Google Analytics no kēlā me kēia ʻanuʻu o ke kaʻina kamaʻilio. He API maikaʻi loa ka LiveChat no ka hoʻohui ʻana iā ia i kāu pūnaewele, me ka loaʻa ʻana o ka hiki ke wehe i ka pukaaniani kamaʻilio me ka hoʻohana ʻana i kahi hanana onClick i kahi hōʻailona heleuma. Penei ke ano o ia mea:
<a href="#" onclick="parent.LC_API.open_chat_window();return false;">Chat Now!</a>
He mea maʻalahi kēia inā loaʻa iā ʻoe ka hiki ke hoʻoponopono i ka code core a hoʻohui i ka HTML maʻamau. Me Elementor, akā naʻe, paʻa ka paepae no nā kumu palekana i hiki ʻole iā ʻoe ke hoʻohui i kahi hanana onClick i kekahi mea. Inā loaʻa iā ʻoe kēlā hanana maʻamau onClick i hoʻohui ʻia i kāu code, ʻaʻole ʻoe e loaʻa i kekahi ʻano hewa…
Ke hoʻohana nei i kahi jQuery Listener
ʻO kahi palena o ke kaʻina hana onClick e pono ʻoe e hoʻoponopono i kēlā me kēia loulou ma kāu pūnaewele a hoʻohui i kēlā code. ʻO kahi ʻano hana ʻē aʻe e hoʻokomo i kahi palapala i ka ʻaoʻao ʻo ia hoʻolohe no kahi kaomi kikoʻī ma kāu ʻaoʻao a hoʻokō ia i ke code no ʻoe. Hiki ke hana i kēia ma ka ʻimi ʻana i kekahi heleuma heleuma me kahi kikoʻī Papa CSS. I kēia hihia, ke koho nei mākou i kahi hōʻailona heleuma me kahi papa i kapa ʻia openchat
.
I loko o ka wāwae o ka pūnaewele, ua hoʻohui au i kēia HTML maʻamau me ka palapala pono:
<script>
document.addEventListener("DOMContentLoaded", function(event) {
jQuery('.openchat a').click(function(){
parent.LC_API.open_chat_window();return false;
});
});
</script>
Ke hoʻohana nei i kahi mea hoʻolohe JavaScript
Eia kekahi, eia ke code me ka hoʻohana ʻana i ka JavaScript:
<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>
I kēia manawa, ʻo ia palapala ka pae-ākea no laila me ka nānā ʻole i ka ʻaoʻao, inā he papa koʻu
openchat i kaomi ʻia, e wehe ʻia ka pukaaniani kamaʻilio. No ka mea Elementor, hoʻonoho wale mākou i ka loulou i # a me ka papa like openchat.ʻOiaʻiʻo, hiki ke hoʻonui a hoʻohana ʻia ke code no kekahi ʻano hanana ʻē aʻe, e like me a Hanana Google Analytics. ʻOiaʻiʻo, loaʻa i LiveChat kahi hoʻohui koʻikoʻi me Google Analytics e hoʻohui i kēia mau hanana, akā ke hoʻokomo nei au iā ia ma lalo e like me kahi laʻana:
<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>
He maʻalahi ke kūkulu ʻana i kahi pūnaewele me Elementor, a makemake nui wau i ka paepae. Aia kahi kaiāulu nui, nā tona o nā kumuwaiwai, a me kekahi mau Elementor Add-Ons e hoʻonui ai i nā hiki.