ವರ್ಡ್ಪ್ರೆಸ್: ಎಲಿಮೆಂಟರ್ ಬಳಸಿ ಲಿಂಕ್ ಅಥವಾ ಬಟನ್ ಅನ್ನು ಕ್ಲಿಕ್ ಮಾಡುವ ಮೂಲಕ ಲೈವ್ ಚಾಟ್ ವಿಂಡೋವನ್ನು ತೆರೆಯಲು jQuery ಅನ್ನು ಬಳಸುವುದು

ಎಲಿಮೆಂಟರ್ ಬಳಸಿ ಲಿಂಕ್ ಅಥವಾ ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡುವ ಮೂಲಕ ಲೈವ್ ಚಾಟ್ ವಿಂಡೋವನ್ನು ತೆರೆಯಲು jQuery ಅನ್ನು ಬಳಸುವುದು

ನಮ್ಮ ಗ್ರಾಹಕರಲ್ಲಿ ಒಬ್ಬರು ಹೊಂದಿದ್ದಾರೆ ಎಲಿಮೆಂಟರ್, WordPress ಗಾಗಿ ಅತ್ಯಂತ ದೃಢವಾದ ಪುಟ ನಿರ್ಮಾಣ ವೇದಿಕೆಗಳಲ್ಲಿ ಒಂದಾಗಿದೆ. ಕಳೆದ ಕೆಲವು ತಿಂಗಳುಗಳಿಂದ ಅವರ ಒಳಬರುವ ಮಾರ್ಕೆಟಿಂಗ್ ಪ್ರಯತ್ನಗಳನ್ನು ಸ್ವಚ್ಛಗೊಳಿಸಲು ನಾವು ಅವರಿಗೆ ಸಹಾಯ ಮಾಡುತ್ತಿದ್ದೇವೆ, ಅವರು ಅಳವಡಿಸಿದ ಕಸ್ಟಮೈಸೇಶನ್‌ಗಳನ್ನು ಕಡಿಮೆಗೊಳಿಸುತ್ತೇವೆ ಮತ್ತು ವಿಶ್ಲೇಷಣೆಗಳನ್ನು ಒಳಗೊಂಡಂತೆ ವ್ಯವಸ್ಥೆಗಳನ್ನು ಉತ್ತಮವಾಗಿ ಸಂವಹನ ಮಾಡುತ್ತಿದ್ದೇವೆ.

ಗ್ರಾಹಕರು ಹೊಂದಿದ್ದಾರೆ ಲೈವ್ಕ್ಯಾಟ್, ಚಾಟ್ ಪ್ರಕ್ರಿಯೆಯ ಪ್ರತಿ ಹಂತಕ್ಕೂ ದೃಢವಾದ Google Analytics ಏಕೀಕರಣವನ್ನು ಹೊಂದಿರುವ ಅದ್ಭುತ ಚಾಟ್ ಸೇವೆ. ಲೈವ್‌ಚಾಟ್ ನಿಮ್ಮ ಸೈಟ್‌ಗೆ ಸಂಯೋಜಿಸಲು ಉತ್ತಮವಾದ API ಅನ್ನು ಹೊಂದಿದೆ, ಆಂಕರ್ ಟ್ಯಾಗ್‌ನಲ್ಲಿ ಆನ್‌ಕ್ಲಿಕ್ ಈವೆಂಟ್ ಅನ್ನು ಬಳಸಿಕೊಂಡು ಚಾಟ್ ವಿಂಡೋವನ್ನು ಪಾಪ್ ತೆರೆಯುವ ಸಾಮರ್ಥ್ಯವನ್ನು ಹೊಂದಿದೆ. ಅದು ಹೇಗೆ ಕಾಣುತ್ತದೆ ಎಂಬುದು ಇಲ್ಲಿದೆ:

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

ನೀವು ಕೋರ್ ಕೋಡ್ ಅನ್ನು ಸಂಪಾದಿಸುವ ಅಥವಾ ಕಸ್ಟಮ್ HTML ಅನ್ನು ಸೇರಿಸುವ ಸಾಮರ್ಥ್ಯವನ್ನು ಹೊಂದಿದ್ದರೆ ಇದು ಸೂಕ್ತವಾಗಿರುತ್ತದೆ. ಜೊತೆಗೆ ಎಲಿಮೆಂಟರ್ಆದಾಗ್ಯೂ, ಭದ್ರತಾ ಕಾರಣಗಳಿಗಾಗಿ ಪ್ಲಾಟ್‌ಫಾರ್ಮ್ ಅನ್ನು ಲಾಕ್ ಮಾಡಲಾಗಿದೆ ಆದ್ದರಿಂದ ನೀವು ಸೇರಿಸಲು ಸಾಧ್ಯವಿಲ್ಲ ಈವೆಂಟ್ ಅನ್ನು ಕ್ಲಿಕ್ ಮಾಡಿ ಯಾವುದೇ ವಸ್ತುವಿಗೆ. ನಿಮ್ಮ ಕೋಡ್‌ಗೆ ಆ ಕಸ್ಟಮ್ ಆನ್‌ಕ್ಲಿಕ್ ಈವೆಂಟ್ ಅನ್ನು ನೀವು ಹೊಂದಿದ್ದರೆ, ನೀವು ಯಾವುದೇ ರೀತಿಯ ದೋಷವನ್ನು ಪಡೆಯುವುದಿಲ್ಲ… ಆದರೆ ಔಟ್‌ಪುಟ್‌ನಿಂದ ಕೋಡ್ ಅನ್ನು ತೆಗೆದುಹಾಕುವುದನ್ನು ನೀವು ನೋಡುತ್ತೀರಿ.

jQuery ಲಿಸನರ್ ಅನ್ನು ಬಳಸುವುದು

onClick ವಿಧಾನದ ಒಂದು ಮಿತಿಯೆಂದರೆ ನಿಮ್ಮ ಸೈಟ್‌ನಲ್ಲಿರುವ ಪ್ರತಿಯೊಂದು ಲಿಂಕ್ ಅನ್ನು ನೀವು ಸಂಪಾದಿಸಬೇಕು ಮತ್ತು ಆ ಕೋಡ್ ಅನ್ನು ಸೇರಿಸಬೇಕು. ಪರ್ಯಾಯ ವಿಧಾನವೆಂದರೆ ಪುಟದಲ್ಲಿ ಸ್ಕ್ರಿಪ್ಟ್ ಅನ್ನು ಸೇರಿಸುವುದು ಕೇಳುತ್ತದೆ ನಿಮ್ಮ ಪುಟದ ಮೇಲೆ ನಿರ್ದಿಷ್ಟ ಕ್ಲಿಕ್‌ಗಾಗಿ ಮತ್ತು ಅದು ನಿಮಗಾಗಿ ಕೋಡ್ ಅನ್ನು ಕಾರ್ಯಗತಗೊಳಿಸುತ್ತದೆ. ಯಾವುದನ್ನಾದರೂ ಹುಡುಕುವ ಮೂಲಕ ಇದನ್ನು ಮಾಡಬಹುದು ಆಂಕರ್ ಟ್ಯಾಗ್ ನಿರ್ದಿಷ್ಟತೆಯೊಂದಿಗೆ ಸಿಎಸ್ಎಸ್ ವರ್ಗ. ಈ ಸಂದರ್ಭದಲ್ಲಿ, ನಾವು ಹೆಸರಿನ ವರ್ಗದೊಂದಿಗೆ ಆಂಕರ್ ಟ್ಯಾಗ್ ಅನ್ನು ಗೊತ್ತುಪಡಿಸುತ್ತಿದ್ದೇವೆ ಓಪನ್ ಚಾಟ್.

ಸೈಟ್‌ನ ಅಡಿಟಿಪ್ಪಣಿಯಲ್ಲಿ, ನಾನು ಅಗತ್ಯ ಸ್ಕ್ರಿಪ್ಟ್‌ನೊಂದಿಗೆ ಕಸ್ಟಮ್ HTML ಕ್ಷೇತ್ರವನ್ನು ಸೇರಿಸುತ್ತೇನೆ:

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

ಈಗ, ಆ ಸ್ಕ್ರಿಪ್ಟ್ ಸೈಟ್ ವೈಡ್ ಆಗಿರುವುದರಿಂದ ಪುಟವನ್ನು ಲೆಕ್ಕಿಸದೆ, ನಾನು ವರ್ಗವನ್ನು ಹೊಂದಿದ್ದರೆ ಓಪನ್ ಚಾಟ್ ಅದನ್ನು ಕ್ಲಿಕ್ ಮಾಡಿದರೆ, ಅದು ಚಾಟ್ ವಿಂಡೋವನ್ನು ತೆರೆಯುತ್ತದೆ. ಎಲಿಮೆಂಟರ್ ಆಬ್ಜೆಕ್ಟ್‌ಗಾಗಿ, ನಾವು ಲಿಂಕ್ ಅನ್ನು # ಮತ್ತು ವರ್ಗಕ್ಕೆ ಹೊಂದಿಸುತ್ತೇವೆ ಓಪನ್ ಚಾಟ್.

ಅಂಶ ಲಿಂಕ್

ಎಲಿಮೆಂಟ್ ಅಥವಾ ಸುಧಾರಿತ ಸೆಟ್ಟಿಂಗ್‌ಗಳ ತರಗತಿಗಳು

ಸಹಜವಾಗಿ, ಕೋಡ್ ಅನ್ನು ವರ್ಧಿಸಬಹುದು ಅಥವಾ ಯಾವುದೇ ರೀತಿಯ ಈವೆಂಟ್‌ಗೆ ಬಳಸಬಹುದು, ಉದಾಹರಣೆಗೆ a ಗೂಗಲ್ ಅನಾಲಿಟಿಕ್ಸ್ ಈವೆಂಟ್. ಸಹಜವಾಗಿ, ಲೈವ್‌ಚಾಟ್ ಈ ಈವೆಂಟ್‌ಗಳನ್ನು ಸೇರಿಸುವ 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>

ಎಲಿಮೆಂಟರ್‌ನೊಂದಿಗೆ ಸೈಟ್ ಅನ್ನು ನಿರ್ಮಿಸುವುದು ತುಂಬಾ ಸರಳವಾಗಿದೆ ಮತ್ತು ನಾನು ಪ್ಲಾಟ್‌ಫಾರ್ಮ್ ಅನ್ನು ಹೆಚ್ಚು ಶಿಫಾರಸು ಮಾಡುತ್ತೇವೆ. ಉತ್ತಮ ಸಮುದಾಯ, ಟನ್‌ಗಳಷ್ಟು ಸಂಪನ್ಮೂಲಗಳು ಮತ್ತು ಸಾಮರ್ಥ್ಯಗಳನ್ನು ಹೆಚ್ಚಿಸುವ ಕೆಲವು ಎಲಿಮೆಂಟರ್ ಆಡ್-ಆನ್‌ಗಳಿವೆ.

ಎಲಿಮೆಂಟರ್‌ನೊಂದಿಗೆ ಪ್ರಾರಂಭಿಸಿ ಲೈವ್‌ಚಾಟ್‌ನೊಂದಿಗೆ ಪ್ರಾರಂಭಿಸಿ

ಪ್ರಕಟಣೆ: ನಾನು ಅಂಗಸಂಸ್ಥೆ ಲಿಂಕ್‌ಗಳನ್ನು ಬಳಸುತ್ತಿದ್ದೇನೆ ಎಲಿಮೆಂಟರ್ ಮತ್ತು ಲೈವ್ಕ್ಯಾಟ್ ಈ ಲೇಖನದಲ್ಲಿ. ನಾವು ಪರಿಹಾರವನ್ನು ಅಭಿವೃದ್ಧಿಪಡಿಸಿದ ಸೈಟ್ ಎ ಮಧ್ಯ ಇಂಡಿಯಾನಾದಲ್ಲಿ ಹಾಟ್ ಟಬ್ ತಯಾರಕ.