വേർഡ്പ്രസ്സ്: എലമെന്റർ ഉപയോഗിച്ച് ഒരു ലിങ്ക് അല്ലെങ്കിൽ ബട്ടണിൽ ക്ലിക്ക് ചെയ്ത് ലൈവ് ചാറ്റ് വിൻഡോ തുറക്കാൻ jQuery ഉപയോഗിക്കുന്നു

എലമെന്റർ ഉപയോഗിച്ച് ഒരു ലിങ്ക് അല്ലെങ്കിൽ ബട്ടണിൽ ക്ലിക്കുചെയ്ത് ഒരു ലൈവ് ചാറ്റ് വിൻഡോ തുറക്കാൻ jQuery ഉപയോഗിക്കുന്നു

ഞങ്ങളുടെ ക്ലയന്റുകളിൽ ഒരാൾക്ക് ഉണ്ട് എലെമെംതൊര്, WordPress-നുള്ള ഏറ്റവും ശക്തമായ പേജ് നിർമ്മാണ പ്ലാറ്റ്‌ഫോമുകളിൽ ഒന്ന്. കഴിഞ്ഞ കുറച്ച് മാസങ്ങളായി അവരുടെ ഇൻബൗണ്ട് മാർക്കറ്റിംഗ് ശ്രമങ്ങൾ വൃത്തിയാക്കാനും, അവർ നടപ്പിലാക്കിയ ഇഷ്‌ടാനുസൃതമാക്കലുകൾ കുറയ്ക്കാനും, അനലിറ്റിക്‌സ് ഉൾപ്പെടെയുള്ള സംവിധാനങ്ങൾ മികച്ച രീതിയിൽ ആശയവിനിമയം നടത്താനും ഞങ്ങൾ അവരെ സഹായിക്കുന്നു.

ഉപഭോക്താവിന് ഉണ്ട് ലിവെഛത്, ചാറ്റ് പ്രക്രിയയുടെ ഓരോ ഘട്ടത്തിലും ശക്തമായ Google Analytics സംയോജനമുള്ള ഒരു മികച്ച ചാറ്റ് സേവനം. ഒരു ആങ്കർ ടാഗിലെ onClick ഇവന്റ് ഉപയോഗിച്ച് ചാറ്റ് വിൻഡോ പോപ്പ് ഓപ്പൺ ചെയ്യാനുള്ള കഴിവ് ഉൾപ്പെടെ, ലൈവ് ചാറ്റിന് നിങ്ങളുടെ സൈറ്റിലേക്ക് സമന്വയിപ്പിക്കുന്നതിന് വളരെ മികച്ച API ഉണ്ട്. അത് എങ്ങനെ കാണപ്പെടുന്നുവെന്നത് ഇതാ:

<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>

ഇപ്പോൾ, ആ സ്ക്രിപ്റ്റ് സൈറ്റ് വൈഡ് ആയതിനാൽ പേജ് പരിഗണിക്കാതെ, എനിക്ക് ഒരു ക്ലാസ് ഉണ്ടെങ്കിൽ ഓപ്പൺചാറ്റ് അത് ക്ലിക്ക് ചെയ്തു, അത് ചാറ്റ് വിൻഡോ തുറക്കും. എലമെന്റർ ഒബ്‌ജക്റ്റിനായി, ഞങ്ങൾ ലിങ്ക് # എന്നതിലേക്കും ക്ലാസ് ഇതായി സജ്ജീകരിച്ചിരിക്കുന്നു ഓപ്പൺചാറ്റ്.

മൂലക ലിങ്ക്

എലെമെന്റോ നൂതന ക്രമീകരണ ക്ലാസുകൾ

തീർച്ചയായും, കോഡ് മെച്ചപ്പെടുത്താം അല്ലെങ്കിൽ മറ്റേതെങ്കിലും തരത്തിലുള്ള ഇവന്റുകൾക്കും ഉപയോഗിക്കാം Google Analytics ഇവന്റ്. തീർച്ചയായും, ലൈവ്‌ചാറ്റിന് 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>

എലമെന്റർ ഉപയോഗിച്ച് ഒരു സൈറ്റ് നിർമ്മിക്കുന്നത് വളരെ ലളിതമാണ്, ഞാൻ പ്ലാറ്റ്ഫോം വളരെ ശുപാർശ ചെയ്യുന്നു. ഒരു മികച്ച കമ്മ്യൂണിറ്റിയും ടൺ കണക്കിന് വിഭവങ്ങളും കഴിവുകൾ വർദ്ധിപ്പിക്കുന്ന കുറച്ച് എലമെന്റർ ആഡ്-ഓണുകളും ഉണ്ട്.

എലമെന്റർ ഉപയോഗിച്ച് ആരംഭിക്കുക ലൈവ് ചാറ്റ് ഉപയോഗിച്ച് ആരംഭിക്കുക

വെളിപ്പെടുത്തൽ: ഞാൻ ഇതിനായി അനുബന്ധ ലിങ്കുകൾ ഉപയോഗിക്കുന്നു എലെമെംതൊര് ഒപ്പം ലിവെഛത് ഈ ലേഖനത്തിൽ. ഞങ്ങൾ പരിഹാരം വികസിപ്പിച്ച സൈറ്റ് a സെൻട്രൽ ഇന്ത്യാനയിലെ ഹോട്ട് ടബ് നിർമ്മാതാവ്.