ورڈپریس: ایلیمینٹر کا استعمال کرتے ہوئے لنک یا بٹن پر کلک کرکے لائیو چیٹ ونڈو کھولنے کے لیے jQuery کا استعمال

ایلیمینٹر کا استعمال کرتے ہوئے ایک لنک یا بٹن پر کلک کرکے LiveChat ونڈو کھولنے کے لیے jQuery کا استعمال

ہمارے گاہکوں میں سے ایک ہے ابتدائیورڈپریس کے لیے سب سے مضبوط پیج بنانے والے پلیٹ فارمز میں سے ایک۔ ہم گزشتہ چند مہینوں سے ان کی ان باؤنڈ مارکیٹنگ کی کوششوں کو صاف کرنے میں ان کی مدد کر رہے ہیں، ان کی لاگو کردہ تخصیصات کو کم سے کم کر رہے ہیں، اور نظام کو بہتر طریقے سے بات چیت کرنے میں مدد کر رہے ہیں - بشمول تجزیات کے ساتھ۔

گاہک کے پاس ہے۔ دینے 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 طریقہ کار کی ایک حد یہ ہے کہ آپ کو اپنی سائٹ پر ہر ایک لنک میں ترمیم کرنا ہوگی اور اس کوڈ کو شامل کرنا ہوگا۔ ایک متبادل طریقہ کار صفحہ میں اسکرپٹ کو شامل کرنا ہے۔ سنتا ہے آپ کے صفحہ پر ایک مخصوص کلک کے لیے اور یہ آپ کے لیے کوڈ پر عمل درآمد کرتا ہے۔ یہ کسی کو تلاش کر کے کیا جا سکتا ہے۔ اینکر ٹیگ ایک مخصوص کے ساتھ سی ایس ایس کلاس. اس صورت میں، ہم ایک اینکر ٹیگ نامزد کر رہے ہیں جس کا نام ایک کلاس ہے۔ اوپن چیٹ.

سائٹ کے فوٹر کے اندر، میں صرف ضروری اسکرپٹ کے ساتھ ایک حسب ضرورت HTML فیلڈ شامل کرتا ہوں:

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

اب، وہ اسکرپٹ سائٹ وسیع ہے لہذا صفحہ سے قطع نظر، اگر میرے پاس کلاس ہے۔ اوپن چیٹ اس پر کلک کیا جائے گا، یہ چیٹ ونڈو کھول دے گا۔ ایلیمینٹر آبجیکٹ کے لیے، ہم نے صرف لنک کو # اور کلاس کے طور پر سیٹ کیا ہے۔ اوپن چیٹ.

عنصر لنک

عنصر اعلی درجے کی ترتیبات کی کلاسیں۔

یقیناً، کوڈ کو بڑھایا جا سکتا ہے یا کسی دوسرے قسم کے ایونٹ کے لیے بھی استعمال کیا جا سکتا ہے، جیسے کہ 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 کے ساتھ شروع کریں۔ LiveChat کے ساتھ شروع کریں۔

انکشاف: میں کے لئے ملحق لنک استعمال کر رہا ہوں ابتدائی اور دینے livechat اس مضمون میں. وہ سائٹ جہاں ہم نے حل تیار کیا ہے a وسطی انڈیانا میں ہاٹ ٹب بنانے والا.