வேர்ட்பிரஸ்: எலிமெண்டரைப் பயன்படுத்தி இணைப்பு அல்லது பொத்தானைக் கிளிக் செய்வதன் மூலம் லைவ்சாட் சாளரத்தைத் திறக்க jQuery ஐப் பயன்படுத்துதல்

எலிமெண்டரைப் பயன்படுத்தி இணைப்பு அல்லது பொத்தானைக் கிளிக் செய்வதன் மூலம் லைவ்சாட் சாளரத்தைத் திறக்க jQuery ஐப் பயன்படுத்துதல்

எங்கள் வாடிக்கையாளர்களில் ஒருவருக்கு உள்ளது Elementor, WordPress க்கான மிகவும் வலுவான பக்க உருவாக்க தளங்களில் ஒன்று. கடந்த சில மாதங்களாக அவர்களின் உள்வரும் சந்தைப்படுத்தல் முயற்சிகளைச் சுத்தம் செய்யவும், அவர்கள் செயல்படுத்திய தனிப்பயனாக்கங்களைக் குறைக்கவும், பகுப்பாய்வுகள் உட்பட, அமைப்புகளை சிறப்பாகத் தொடர்புகொள்ளவும் நாங்கள் அவர்களுக்கு உதவுகிறோம்.

வாடிக்கையாளரிடம் உள்ளது livechat, அரட்டை செயல்முறையின் ஒவ்வொரு அடியிலும் வலுவான Google Analytics ஒருங்கிணைப்பைக் கொண்ட அருமையான அரட்டை சேவை. ஆங்கர் டேக்கில் onClick நிகழ்வைப் பயன்படுத்தி அரட்டை சாளரத்தைத் திறக்கும் திறன் உட்பட, அதை உங்கள் தளத்தில் ஒருங்கிணைக்க லைவ்சாட் மிகச் சிறந்த API ஐக் கொண்டுள்ளது. அது எப்படி இருக்கிறது என்பது இங்கே:

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

முக்கிய குறியீட்டைத் திருத்த அல்லது தனிப்பயன் HTML ஐச் சேர்க்கும் திறன் உங்களிடம் இருந்தால் இது எளிது. உடன் Elementor, இருப்பினும், பாதுகாப்பு காரணங்களுக்காக இயங்குதளம் பூட்டப்பட்டுள்ளது, எனவே நீங்கள் ஒன்றைச் சேர்க்க முடியாது on கிளிக் நிகழ்வு எந்த பொருளுக்கும். உங்கள் குறியீட்டில் அந்தத் தனிப்பயன் 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 அதை கிளிக் செய்தால், அரட்டை சாளரம் திறக்கும். எலிமெண்டர் பொருளுக்கு, நாங்கள் இணைப்பை # மற்றும் வகுப்பை இவ்வாறு அமைக்கிறோம் openchat.

உறுப்பு இணைப்பு

உறுப்பு அல்லது மேம்பட்ட அமைப்புகள் வகுப்புகள்

நிச்சயமாக, குறியீட்டை மேம்படுத்தலாம் அல்லது வேறு எந்த வகை நிகழ்வுகளுக்கும் பயன்படுத்தலாம் கூகுள் அனலிட்டிக்ஸ் நிகழ்வு. நிச்சயமாக, 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 மூலம் ஒரு தளத்தை உருவாக்குவது மிகவும் எளிமையானது மற்றும் நான் தளத்தை மிகவும் பரிந்துரைக்கிறேன். ஒரு சிறந்த சமூகம், டன் வளங்கள் மற்றும் திறன்களை மேம்படுத்தும் சில எலிமென்டர் ஆட்-ஆன்கள் உள்ளன.

எலிமெண்டருடன் தொடங்கவும் LiveChat உடன் தொடங்கவும்

வெளிப்பாடு: நான் இணை இணைப்புகளைப் பயன்படுத்துகிறேன் Elementor மற்றும் livechat இந்த கட்டுரையில். நாங்கள் தீர்வு உருவாக்கிய தளம் a மத்திய இந்தியானாவில் ஹாட் டப் உற்பத்தியாளர்.