WordPress: Равзанаи LiveChat-ро бо пахш кардани пайванд ё тугма бо истифода аз Elementor кушоед
Яке аз муштариёни мо дорад Elementor, яке аз устувортарин платформаҳои сохтани саҳифа барои WordPress. Мо дар тӯли чанд моҳи охир ба онҳо дар тоза кардани кӯшишҳои маркетинги воридотии худ, кам кардани мутобиқсозии онҳо ва беҳтар муоширати системаҳо, аз ҷумла бо таҳлилҳо кӯмак мекардем.
Муштарӣ дорад LiveChat, як хидмати афсонавии сӯҳбат, ки ҳамгироии мустаҳками Google Analytics барои ҳар як қадами раванди сӯҳбат дорад. LiveChat дорои API-и хеле хуб барои ҳамгиро кардани он ба сайти шумо мебошад, аз ҷумла дорои қобилияти кушодани равзанаи чат бо истифода аз ҳодисаи onClick дар теги лангар. Ин аст, ки чӣ тавр ба назар мерасад:
<a href="#" onclick="parent.LC_API.open_chat_window();return false;">Chat Now!</a>
Ин қулай аст, агар шумо қобилияти таҳрир кардани рамзи аслӣ ё илова кардани HTML-и фармоишӣ дошта бошед. Бо Elementor, гарчанде, ки платформа бо сабабҳои амниятӣ баста шудааст, то шумо илова карда наметавонед ҳодисаи onClick ба ягон объект. Агар шумо ин ҳодисаи фармоишии onClick ба коди худ илова карда бошед, шумо ягон намуди хатогиро ба даст намеоред… аммо шумо мебинед, ки код аз баромад хориҷ карда шудааст.
Истифодаи шунавандаи jQuery
Як маҳдудияти методологияи onClick дар он аст, ки шумо бояд ҳар як истиноди сайти худро таҳрир кунед ва ин кодро илова кунед. Методологияи алтернативӣ ин дохил кардани скрипт дар саҳифа аст, ки гӯш мекунад барои клики мушаххас дар саҳифаи шумо ва он кодро барои шумо иҷро мекунад. Инро тавассути ҷустуҷӯи ҳама анҷом додан мумкин аст теги лангар бо мушаххас Синфи CSS. Дар ин ҳолат, мо теги лангарро бо синфи ном таъин мекунем openchat
.
Дар поёни сайт, ман ин HTML-и фармоиширо бо скрипти зарурӣ илова кардам:
<script>
document.addEventListener("DOMContentLoaded", function(event) {
jQuery('.openchat a').click(function(){
parent.LC_API.open_chat_window();return false;
});
});
</script>
Истифодаи шунавандаи JavaScript
Интихобан, ин аст код бо истифода аз 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>
Ҳоло, ин скрипт дар саросари сайт аст, аз ин рӯ новобаста аз саҳифа, агар ман синфи
openchat ки клик карда мешавад, равзанаи чатро мекушояд. Барои объекти Elementor, мо танҳо истинодро ба # ва синфро ҳамчун муқаррар кардем openchat.Албатта, код метавонад такмил дода шавад ё барои ҳама гуна чорабиниҳои дигар истифода шавад, ба монанди a Чорабинии Google Analytics. Албатта, LiveChat дорои ҳамгироии барҷаста бо Google Analytics мебошад, ки ин рӯйдодҳоро илова мекунад, аммо ман онро дар зер ҳамчун мисол дохил мекунам:
<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>
Сохтани сайт бо Elementor оддӣ аст ва ман платформаро хеле тавсия медиҳам. Як ҷомеаи бузург, тонна захираҳо ва як қатор иловаҳои Elementor мавҷуданд, ки қобилиятҳоро беҳтар мекунанд.