වර්ඩ්ප්‍රෙස්: ලින්ක් එකක් හෝ එලිමෙන්ටරය භාවිතයෙන් බොත්තමක් ක්ලික් කිරීමෙන් සජීවී චැට් කවුළුවක් විවෘත කිරීමට jQuery භාවිතා කිරීම

Elementor භාවිතා කරමින් සබැඳියක් හෝ බොත්තමක් ක්ලික් කිරීමෙන් LiveChat කවුළුවක් විවෘත කිරීමට jQuery භාවිතා කිරීම

අපගේ ගනුදෙනුකරුවන්ගෙන් කෙනෙකුට ඇත මූලද්රව්යය, WordPress සඳහා වඩාත්ම ශක්තිමත් පිටු ගොඩනැගීමේ වේදිකාවන්ගෙන් එකකි. අපි පසුගිය මාස කිහිපය තුළ ඔවුන්ගේ අභ්‍යන්තර අලෙවිකරණ ප්‍රයත්න පිරිසිදු කිරීමට, ඔවුන් ක්‍රියාත්මක කළ අභිරුචිකරණයන් අවම කිරීමට සහ විශ්ලේෂණ ඇතුළුව පද්ධති වඩා හොඳින් සන්නිවේදනය කිරීමට ඔවුන්ට උදව් කරමින් සිටිමු.

පාරිභෝගිකයාට ඇත LiveChat, කතාබස් ක්‍රියාවලියේ සෑම පියවරක් සඳහාම ශක්තිමත් Google Analytics ඒකාබද්ධතාවයක් ඇති අපූරු කතාබස් සේවාවකි. LiveChat ඔබේ වෙබ් අඩවියට ඒකාබද්ධ කිරීම සඳහා ඉතා හොඳ API එකක් ඇත, නැංගුරම් ටැගයක onClick සිදුවීමක් භාවිතයෙන් කතාබස් කවුළුව විවෘත කිරීමේ හැකියාව ඇත. එය පෙනෙන ආකාරය මෙන්න:

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

ඔබට මූලික කේතය සංස්කරණය කිරීමට හෝ අභිරුචි HTML එකතු කිරීමට හැකියාව තිබේ නම් මෙය ඉතා පහසු වේ. සමඟ මූලද්රව්යය, කෙසේ වෙතත්, ඔබට එක් කිරීමට නොහැකි වන පරිදි ආරක්ෂක හේතූන් මත වේදිකාව අගුලු දමා ඇත on Click සිදුවීම ඕනෑම වස්තුවකට. ඔබගේ කේතයට එම අභිරුචි onClick සිදුවීම එක් කර ඇත්නම්, ඔබට කිසිදු ආකාරයක දෝෂයක් නොලැබේ... නමුත් ප්‍රතිදානයෙන් කේතය ඉවත් කර ඇති බව ඔබට පෙනෙනු ඇත.

jQuery Listener භාවිතා කිරීම

onClick ක්‍රමයේ එක් සීමාවක් නම් ඔබට ඔබේ අඩවියේ ඇති සෑම සබැඳියක්ම සංස්කරණය කර එම කේතය එක් කිරීමට සිදු වීමයි. විකල්ප ක්‍රමයක් නම් පිටුවට පිටපතක් ඇතුළත් කිරීමයි සවන් දෙයි ඔබගේ පිටුව මත නිශ්චිත ක්ලික් කිරීමක් සඳහා එය ඔබ වෙනුවෙන් කේතය ක්‍රියාත්මක කරයි. ඕනෑම එකක් සොයා බැලීමෙන් මෙය කළ හැකිය නැංගුරම් ටැගය විශේෂිත සමඟ CSS පන්තිය. මෙම අවස්ථාවේදී, අපි නම් කරන ලද පන්තියක් සහිත නැංගුරම් ටැගයක් නම් කරන්නෙමු openchat.

අඩවියේ පාදකය තුළ, මම අවශ්‍ය ස්ක්‍රිප්ට් සමඟ අභිරුචි HTML ක්ෂේත්‍රයක් එක් කරමි:

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

දැන්, එම ස්ක්‍රිප්ට් එක වෙබ් අඩවියක් වන බැවින් පිටුව කුමක් වුවත්, මට පන්තියක් තිබේ නම් openchat එය ක්ලික් කළ විට, එය කතාබස් කවුළුව විවෘත කරනු ඇත. Elementor වස්තුව සඳහා, අපි සබැඳිය # සහ පන්තිය ලෙස සකසමු openchat.

මූලද්රව්ය සබැඳිය

මූලික හෝ උසස් සැකසුම් පන්ති

ඇත්ත වශයෙන්ම, කේතය වැඩිදියුණු කළ හැකි හෝ වෙනත් ඕනෑම ආකාරයක සිදුවීමක් සඳහා භාවිතා කළ හැක, a වැනි ගූගල් විශ්ලේෂණ සිදුවීම. ඇත්ත වශයෙන්ම, 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 මධ්‍යම ඉන්දියානා හි හොට් ටබ් නිෂ්පාදකයා.