WordPress: Mampiasa jQuery hanokafana varavarankely LiveChat amin'ny fipihana rohy na bokotra mampiasa Elementor

Mampiasa jQuery hanokafana varavarankely LiveChat amin'ny fipihana rohy na bokotra mampiasa Elementor

Ny iray amin'ireo mpanjifanay dia manana Elementor, iray amin'ireo sehatra fananganana pejy matanjaka indrindra ho an'ny WordPress. Nanampy azy ireo izahay hanadio ny ezaka ara-barotra miditra ao anatin'ny volana vitsy lasa izay, manamaivana ny fanasokajiana izay nampiharin'izy ireo, ary mampita tsara kokoa ny rafitra - ao anatin'izany ny analytics.

Ny mpanjifa dia manana LiveChat, serivisy fifampiresahana mahafinaritra izay manana fampidirana Google Analytics matanjaka amin'ny dingana rehetra amin'ny fizotry ny resaka. LiveChat dia manana API tena tsara amin'ny fampidirana azy amin'ny tranokalanao, ao anatin'izany ny fahafahana manokatra ny varavarankelin'ny chat amin'ny fampiasana hetsika onClick amin'ny marika vatofantsika. Toy izao ny endriny:

<a href="#" onclick="parent.LC_API.open_chat_window();return false;">Chat Now!</a>

Mora ampiasaina izany raha afaka manitsy kaody fototra ianao na manampy HTML mahazatra. amin'ny Elementor, na izany aza, ny sehatra dia mihidy noho ny antony fiarovana ka tsy afaka manampy an hetsika onClick amin'ny zavatra rehetra. Raha ampidirinao ao amin'ny kaodinao io hetsika mahazatra onClick io dia tsy mahazo karazana fahadisoana ianao… fa ho hitanao fa nesorina tamin'ny vokatra ilay kaody.

Mampiasa jQuery Listener

Ny fetra iray amin'ny fomba onClick dia ny hoe tsy maintsy manitsy ny rohy tsirairay ao amin'ny tranokalanao ianao ary manampy io code io. Fomba iray hafa dia ny fampidirana script ao amin'ny pejy izay mihaino ho an'ny kitiho manokana amin'ny pejinao ary manatanteraka ny kaody ho anao. Izany dia azo atao amin'ny fitadiavana na inona na inona vatofantsika marika miaraka amin'ny manokana CSS kilasy. Amin'ity tranga ity, dia manondro marika vatofantsika misy kilasy antsoina hoe openchat.

Ao anatin'ny tongotry ny tranokala dia ampiako saha HTML mahazatra miaraka amin'ny script ilaina:

<script>
document.addEventListener("DOMContentLoaded", function(event) {
  jQuery('.openchat a').click(function(){
    parent.LC_API.open_chat_window();return false;
  });
});
</script>

Ankehitriny, io script io dia malalaka amin'ny tranokala na inona na inona pejy, raha manana kilasy aho openchat izay kitihina, dia hanokatra ny chat varavarankely. Ho an'ny zavatra Elementor dia nametraka ny rohy mankany amin'ny # sy ny kilasy izahay openchat.

rohy elementor

kilasin'ny firafitry ny zavatra mandroso

Mazava ho azy fa azo ampitomboina na azo ampiasaina amin'ny karazana hetsika hafa koa ny code, toy ny a Hetsika Google Analytics. Mazava ho azy fa ny LiveChat dia manana fampidirana miavaka amin'ny Google Analytics izay manampy ireo hetsika ireo, saingy ampidiriko eto ambany izany ho ohatra:

<script>
document.addEventListener("DOMContentLoaded", function(event) {
  jQuery('.openchat a').click(function(){
    parent.LC_API.open_chat_window();return false;
    gtag('event', 'Click', { 'event_category': 'Chat', 'event_action':'Open','event_label':'LiveChat' });
  });
});
</script>

Ny fananganana tranokala miaraka amin'ny Elementor dia tsotra ary tena manoro hevitra ny sehatra aho. Misy vondrom-piarahamonina lehibe, loharanon-karena an-taoniny, ary vitsivitsy Elementor Add-Ons izay manatsara ny fahaiza-manao.

Manomboka amin'ny Elementor Manomboha amin'ny LiveChat

Fampahafantarana: Mampiasa rohy mpiara-miasa aho Elementor ary LiveChat ato amin'ity lahatsoratra ity. Ny tranokala namolavolanay ny vahaolana dia a Mpanamboatra Hot Tub ao afovoan'i Indiana.