וואָרדפּרעסס: ניצן jQuery צו עפֿענען אַ ליוועטשאַט פֿענצטער דורך געבן אַ קליק אַ לינק אָדער קנעפּל ניצן עלעמענטאָר

ניצן jQuery צו עפֿענען אַ ליוועטשאַט פֿענצטער דורך געבן אַ קליק אַ לינק אָדער קנעפּל ניצן עלעמענטאָר

איינער פון אונדזער קלייאַנץ האט עלעמענטאָר, איינער פון די מערסט שטאַרק בלאַט בנין פּלאַטפאָרמס פֿאַר וואָרדפּרעסס. מיר האָבן געהאָלפֿן זיי צו רייניקן זייער ינבאַונד פֿאַרקויף השתדלות אין די לעצטע חדשים, מינאַמייזינג די קוסטאָמיזאַטיאָנס זיי ימפּלאַמענאַד, און באַקומען די סיסטעמען קאַמיונאַקייטינג בעסער - אַרייַנגערעכנט מיט אַנאַליטיקס.

דער קונה האט ליוועטשאַט, אַ פאַנטאַסטיש שמועס דינסט וואָס האט געזונט Google Analytics ינטאַגריישאַן פֿאַר יעדער שריט פון די שמועס פּראָצעס. LiveChat האט אַ זייער גוט אַפּי פֿאַר ינטאַגרייטינג עס אין דיין פּלאַץ, אַרייַנגערעכנט די פיייקייט צו עפענען די שמועס פֿענצטער מיט אַן אָנקליק געשעעניש אין אַן אַנקער קוויטל. דאָ ס ווי דאָס קוקט:

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

דאָס איז האַנטיק אויב איר האָבן די פיייקייט צו רעדאַגירן האַרץ קאָד אָדער לייגן מנהג HTML. מיט עלעמענטאָראָבער, די פּלאַטפאָרמע איז פארשפארט פֿאַר זיכערהייט סיבות אַזוי אַז איר קענען נישט לייגן אַן 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 געשעעניש. פון קורס, 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

אַנטפּלעקונג: איך נוצן צוגעבן לינקס פֿאַר עלעמענטאָר און ליוועטשאַט אין דעם אַרטיקל. דער פּלאַץ ווו מיר דעוועלאָפּעד די לייזונג איז אַ הייס טוב פאַבריקאַנט אין סענטראַל ינדיאַנאַ.