ورڈپریس: jQuery استعمال ڪندي LiveChat ونڊو کولڻ لاءِ ايليمينٽر استعمال ڪندي لنڪ يا بٽڻ تي ڪلڪ ڪندي

jQuery استعمال ڪندي LiveChat ونڊو کولڻ لاءِ ايليمينٽر استعمال ڪندي لنڪ يا بٽڻ تي ڪلڪ ڪندي

اسان جي گراهڪن مان هڪ آهي ايليمورڈپریس لاءِ سڀ کان وڌيڪ مضبوط پيج بلڊنگ پليٽ فارمن مان هڪ آهي. اسان انھن جي مدد ڪري رھيا آھيون انھن جي ان بائونڊ مارڪيٽنگ ڪوششن کي صاف ڪرڻ ۾ گذريل ڪجھ مھينن کان، گھٽ ۾ گھٽ ڪسٽمائيزيشنز جيڪي انھن لاڳو ڪيون آھن، ۽ سسٽم حاصل ڪرڻ لاءِ بھترين ڳالھيون ڪري رھيا آھيون - بشمول اينالائيٽڪس سميت.

ڪسٽمر کي آهي LiveChat، هڪ شاندار چيٽ سروس جنهن ۾ چيٽ جي عمل جي هر مرحلي لاءِ مضبوط Google Analytics انضمام آهي. LiveChat وٽ ان کي توهان جي سائيٽ ۾ ضم ڪرڻ لاءِ هڪ تمام سٺو API آهي، جنهن ۾ هڪ اينڪر ٽيگ ۾ onClick ايونٽ استعمال ڪندي چيٽ ونڊو کي پاپ کولڻ جي صلاحيت شامل آهي. هتي اهو ڪيئن ڏسڻ ۾ اچي ٿو:

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

اهو ڪارائتو آهي جيڪڏهن توهان وٽ بنيادي ڪوڊ ايڊٽ ڪرڻ يا ڪسٽم HTML شامل ڪرڻ جي صلاحيت آهي. سان ايليم، جيتوڻيڪ، پليٽ فارم کي بند ڪيو ويو آهي سيڪيورٽي سببن لاءِ ته جيئن توهان شامل نه ڪري سگهو onClick واقعي ڪنهن به شئي ڏانهن. جيڪڏهن توهان وٽ آهي ته ڪسٽم onClick ايونٽ توهان جي ڪوڊ ۾ شامل ڪيو ويو آهي، توهان کي ڪنهن به قسم جي غلطي نه ملندي ... پر توهان ڏسندا ته ڪوڊ آئوٽ مان ڪڍيو ويو آهي.

jQuery ٻڌندڙ استعمال ڪندي

onClick جي طريقيڪار جي هڪ حد اها آهي ته توهان کي پنهنجي سائيٽ تي هر هڪ لنڪ کي ايڊٽ ڪرڻو پوندو ۽ اهو ڪوڊ شامل ڪرڻو پوندو. هڪ متبادل طريقو اهو آهي ته صفحي ۾ هڪ اسڪرپٽ شامل ڪيو وڃي ٻڌندو آهي توھان جي صفحي تي ھڪڙي خاص ڪلڪ لاءِ ۽ اھو توھان لاءِ ڪوڊ جاري ڪري ٿو. اهو ٿي سگهي ٿو ڪنهن به ڳولڻ سان اينڪر ٽيگ هڪ خاص سان CSS ڪلاس. انهي حالت ۾، اسان هڪ لنگر ٽيگ کي نامزد ڪري رهيا آهيون هڪ طبقي سان نالو اوپن چيٽ.

سائيٽ جي فوٽر جي اندر، مان صرف ضروري اسڪرپٽ سان گڏ ڪسٽم HTML فيلڊ شامل ڪريان ٿو:

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

ھاڻي، اھو اسڪرپٽ سائيٽ وسيع آھي تنھنڪري صفحي جي بغير، جيڪڏھن مون وٽ ھڪڙو ڪلاس آھي اوپن چيٽ جيڪو ڪلڪ ڪيو، اهو چيٽ ونڊو کوليندو. Elementor اعتراض لاءِ، اسان صرف # ۽ ڪلاس جي لنڪ کي سيٽ ڪيو اوپن چيٽ.

عنصر لنڪ

elementor ترقي يافته سيٽنگون ڪلاس

يقينا، ڪوڊ وڌائي سگھجي ٿو يا ڪنهن ٻئي قسم جي واقعي لاء پڻ استعمال ڪري سگھجي ٿو، جهڙوڪ 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', 'Click', { 'event_category': 'Chat', 'event_action':'Open','event_label':'LiveChat' });
  });
});
</script>

Elementor سان سائيٽ ٺاهڻ بلڪل سادو آهي ۽ مان پليٽ فارم جي تمام گهڻي سفارش ڪريان ٿو. اتي ھڪڙو وڏو ڪميونٽي آھي، وسيلا جا ڪيترائي، ۽ ڪافي ڪجھ Elementor Add-Ons جيڪي صلاحيتون وڌائين ٿا.

Elementor سان شروع ڪريو LiveChat سان شروع ڪريو

ظاهر ڪندي: مان شي جي لاءِ الحاق ڪڙي استعمال ڪندي آهيان ايليم ۽ LiveChat هن مضمون ۾. سائيٽ جتي اسان حل ڪيو آهي a گرم ٽب ٺاهيندڙ مرڪزي انڊيا ۾.