نحوه پیگیری ارسال فرم Elementor در رویدادهای Google Analytics با استفاده از JQuery

نحوه پیگیری ارسال فرم Elementor در رویدادهای Google Analytics

من در چند هفته گذشته بر روی یک سایت وردپرس مشتری کار می کردم که پیچیدگی های زیادی دارد. استفاده می کنند وردپرس با ادغام به ActiveCampaign برای پرورش سرنخ و الف زاپیر ادغام به زندسک فروش از طريق فرم های المنتوربه این یک سیستم عالی است ... راه اندازی کمپین های قطره ای برای افرادی که درخواست اطلاعات می کنند و در صورت درخواست منجر به نمایندگی فروش مناسب می شود. من واقعاً تحت تأثیر انعطاف پذیری و ظاهر و شکل Elementor قرار گرفته ام.

آخرین مرحله ارائه داشبورد تجزیه و تحلیل برای مشتری از طریق Google Analytics بود که عملکرد ماهانه در ارسال فرم را در اختیار آنها قرار می داد. آنها Google Tag Manager را نصب کرده اند ، بنابراین ما در حال حاضر تراکنش های تجارت الکترونیک و فعالیت نمای YouTube را در سایت ضبط می کنیم.

من چندین بار از DOM ، محرک ها و رویدادها در Google Tag Manager برای ثبت فرم موفقیت آمیز Elementor استفاده کردم ، اما هیچ شانسی نداشتم. من هزاران روش مختلف را برای نظارت بر صفحه آزمایش کردم ، و پیغام موفقیتی را که از طریق AJAX ظاهر می شود و فقط کار نمی کند ، مشاهده کردم. بنابراین ... من کمی جستجو کردم و یک راه حل عالی از Tracking Chef پیدا کردم ، به نام ردیابی فرم Elementor ضد گلوله با GTM.

اسکریپت استفاده می کند جی کوئری و مدیر برچسب Google برای فشار دادن رویداد Google Analytics هنگامی که فرم با موفقیت ارسال می شود. با برخی ویرایش های جزئی و یک بهبود نحو ، من هر آنچه را که نیاز داشتم در اختیار داشتم. این هم کد:

<script>
jQuery(document).ready(function($) {
    $(document).on('submit_success', function(evt) {
      window.dataLayer = window.dataLayer || [];
      window.dataLayer.push({
            'event': 'ga_event',
            'eventCategory': 'Form ',
            'eventAction': evt.target.name,
            'eventLabel': 'Submission'
        });
    });
});
</script>

بسیار مبتکرانه است ، منتظر ارسال موفق باشید ، سپس بگذرانید فرم به عنوان دسته ، نام مقصد به عنوان اقدام ، و تسلیم به عنوان برچسب با ایجاد برنامه هدف ، می توانید به سادگی این کد را در پاورقی هر صفحه داشته باشید تا ارسال فرم را مشاهده کنید. بنابراین ... هنگام افزودن یا تغییر فرم ها ، هرگز نگران به روزرسانی اسکریپت یا افزودن آن به صفحه دیگری نباشید.

Script را از طریق کد سفارشی Elementor نصب کنید

اگر شما یک آژانس هستید ، من به شدت ارتقاء نامحدود و استفاده از Elementor را برای همه مشتریان خود توصیه می کنم. این یک پلت فرم محکم است و تعداد ادغام شریک همچنان در حال افزایش است. آن را با افزونه ای مانند جفت کنید فرم تماس با DB و همچنین می توانید همه فرم های ارسالی خود را جمع آوری کنید.

Elementor Pro دارای یک گزینه مدیریت اسکریپت عالی است. در اینجا نحوه وارد کردن کد خود را مشاهده می کنید:

کد سفارشی Elementor

  • هدایت به Elementor> کد سفارشی
  • کد خود را نام ببرید
  • مکان را تعیین کنید ، در این صورت پایان برچسب بدن.
  • اگر بیش از یک اسکریپت دارید که می خواهید آنها را وارد کنید و ترتیب آنها را تعیین کنید ، اولویت را تعیین کنید.

ارسال فرم Elementor به GA Event از طریق GTM

  • روی بروزرسانی کلیک کنید
  • از شما خواسته می شود شرط را تنظیم کنید و فقط آن را روی پیش فرض همه صفحات تنظیم کنید.
  • حافظه پنهان خود را تازه کنید و اسکریپت شما فعال است!

پیش نمایش ادغام مدیر برچسب Google خود

Google Tag Manager یک مکانیسم فوق العاده برای اتصال به نمونه مرورگر و در واقع تست کد شما برای مشاهده اینکه آیا متغیرها به درستی ارسال می شوند یا خیر ، دارد. این امر ضروری است زیرا Google Analytics زمان واقعی نیست. شما می توانید آزمایش و آزمایش کنید و آزمایش کنید و از اینکه داده ها در Google Analytics نشان داده نمی شوند ، اگر این را متوجه نشده اید ، واقعاً ناامید شوید.

من قصد ندارم در اینجا آموزشی درباره نحوه انجام آن ارائه دهم پیش نمایش و اشکال زدایی Google Tag Manager… فرض می کنم شما می دانید. من می توانم فرم خود را در صفحه آزمایشی متصل خود ارسال کنم و داده های مورد نیاز را به داده های GTM منتقل کنم:

لایه داده گوگل برچسب مدیر

در این مورد ، دسته بندی به صورت فرم سخت ، هدف ، فرم تماس با ما و برچسب Submission بود.

در Google Tag Manager متغیرهای داده ، رویداد ، راه اندازی و برچسب را تنظیم کنید

آخرین مرحله در این زمینه راه اندازی مدیر برچسب Google است تا این متغیرها را ضبط کرده و به برچسب Google Analytics تنظیم شده برای رویداد ارسال کند. Elad Levy این مراحل را در پست دیگر خود توضیح می دهد - ردیابی رویدادهای عمومی در Google Tag Manager.

پس از تنظیم این موارد ، می توانید رویدادها را در Google Analytics مشاهده کنید!

Elementor Pro را دریافت کنید

افشای اطلاعات: من از پیوندهای وابسته خود در طول این مقاله استفاده می کنم.

2 نظرات

  1. 1

شما چه فکر میکنید؟

این سایت از Akismet برای کاهش هرزنامه استفاده می کند. بدانید که چگونه نظر شما پردازش می شود.