JQuery का उपयोग करके Google Analytics ईवेंट में एलिमेंट फॉर्म सबमिशन को कैसे ट्रैक करें

Google Analytics ईवेंट में एलीमेंटर फॉर्म सबमिशन को कैसे ट्रैक करें

मैं पिछले कुछ हफ्तों से क्लाइंट वर्डप्रेस साइट पर काम कर रहा हूं जिसमें काफी जटिलताएं हैं। वे उपयोग कर रहे हैं वर्डप्रेस करने के लिए एक एकीकरण के साथ ActiveCampaign लीड के पोषण के लिए और a Zapier करने के लिए एकीकरण Zendesk बेचें के माध्यम से एलिमेंट फॉर्म. यह एक बेहतरीन प्रणाली है... सूचना का अनुरोध करने वाले लोगों के लिए ड्रिप अभियान शुरू करना और अनुरोध किए जाने पर उचित बिक्री प्रतिनिधि को आगे बढ़ाना। मैं वास्तव में एलीमेंटर के फॉर्म के लचीलेपन और लुक और फील से प्रभावित हूं।

अंतिम चरण क्लाइंट के लिए Google Analytics के माध्यम से एक एनालिटिक्स डैशबोर्ड प्रदान कर रहा था जो उन्हें फॉर्म सबमिशन पर महीने-दर-महीने प्रदर्शन प्रदान करता था। उनके पास Google टैग प्रबंधक स्थापित है, इसलिए हम साइट पर पहले से ही ई-कॉमर्स लेन-देन और YouTube दृश्य गतिविधि कैप्चर कर रहे हैं।

मैंने एलीमेंटर के लिए सफल फ़ॉर्म सबमिशन को कैप्चर करने के लिए Google टैग प्रबंधक के भीतर DOM, ट्रिगर और ईवेंट का उपयोग करने के कई प्रयास किए, लेकिन कोई भाग्य नहीं था। मैंने पृष्ठ की निगरानी करने के लिए कई अलग-अलग तरीकों का परीक्षण किया, सफलता संदेश के लिए देख रहा था जो AJAX के माध्यम से पॉपअप होगा और यह अभी काम नहीं कर रहा था। तो ... मैंने कुछ खोज की और ट्रैकिंग शेफ से एक अच्छा समाधान पाया, जिसे कहा जाता है GTM के साथ बुलेटप्रूफ एलिमेंट फॉर्म ट्रैकिंग.

स्क्रिप्ट का उपयोग करता है jQuery और Google टैग प्रबंधक को आगे बढ़ाने के लिए गूगल विश्लेषिकी घटना जब फॉर्म सफलतापूर्वक जमा हो जाता है। कुछ मामूली संपादन और एक वाक्य रचना सुधार के साथ, मेरे पास वह सब कुछ था जो मुझे चाहिए था। यहाँ कोड है:

<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>

यह बहुत ही सरल है, सफल सबमिशन के लिए देख रहा है, फिर गुजर रहा है प्रपत्र श्रेणी के रूप में, गंतव्य का नाम कार्रवाई के रूप में, और प्रस्तुतीकरण लेबल के रूप में। लक्ष्य को प्रोग्रामेटिक बनाकर, आप फ़ॉर्म सबमिशन देखने के लिए बस इस कोड को प्रत्येक पृष्ठ के पाद लेख में रख सकते हैं। इसलिए... जैसे ही आप प्रपत्र जोड़ते या संशोधित करते हैं, आपको कभी भी स्क्रिप्ट को अद्यतन करने और न ही इसे किसी अन्य पृष्ठ पर जोड़ने के बारे में चिंता करने की आवश्यकता नहीं होती है।

एलिमेंट कस्टम कोड के माध्यम से स्क्रिप्ट स्थापित करें

यदि आप एक एजेंसी हैं, तो मैं आपके सभी ग्राहकों के लिए असीमित अपग्रेड और एलिमेंटर का उपयोग करने की अत्यधिक अनुशंसा करता हूं। यह एक ठोस मंच है और साझेदार एकीकरण की संख्या लगातार बढ़ रही है। इसे एक प्लगइन के साथ जोड़े जैसे संपर्क प्रपत्र डीबी और आप अपने सभी फॉर्म सबमिशन भी एकत्र कर सकते हैं।

Elementor प्रो इसमें एक बेहतरीन स्क्रिप्ट प्रबंधन विकल्प बनाया गया है। यहां बताया गया है कि आप अपना कोड कैसे दर्ज कर सकते हैं:

एलिमेंट कस्टम कोड

  • पर जाए एलिमेंट> कस्टम कोड
  • अपना कोड नाम दें
  • स्थान निर्धारित करें, इस मामले में अंत बॉडी टैग.
  • प्राथमिकता निर्धारित करें यदि आपके पास एक से अधिक स्क्रिप्ट हैं जिन्हें आप सम्मिलित करना चाहते हैं और उनका क्रम निर्धारित करना चाहते हैं।

जीटीएम के माध्यम से जीए इवेंट में एलिमेंटर फॉर्म सबमिशन

  • अपडेट पर क्लिक करें
  • आपको शर्त सेट करने के लिए कहा जाएगा और इसे सभी पृष्ठों के डिफ़ॉल्ट पर सेट करने के लिए कहा जाएगा।
  • अपना कैश रीफ़्रेश करें और आपकी स्क्रिप्ट लाइव है!

अपने Google टैग प्रबंधक एकीकरण का पूर्वावलोकन करें

Google टैग प्रबंधक के पास ब्राउज़र इंस्टेंस से कनेक्ट करने और वास्तव में यह देखने के लिए आपके कोड का परीक्षण करने के लिए एक शानदार तंत्र है कि चर ठीक से भेजे जा रहे हैं या नहीं। यह आवश्यक है क्योंकि Google Analytics रीयल-टाइम नहीं है। आप परीक्षण और परीक्षण और परीक्षण कर सकते हैं और वास्तव में निराश हो सकते हैं कि डेटा Google Analytics में दिखाई नहीं दे रहा है यदि आपको इसका एहसास नहीं है।

मैं यहाँ पर एक ट्यूटोरियल प्रदान नहीं करने जा रहा हूँ कि कैसे Google टैग प्रबंधक का पूर्वावलोकन और डीबग करें... मुझे लगता है कि आप जानते हैं। मैं अपने कनेक्टेड टेस्ट पेज पर अपना फॉर्म जमा कर सकता हूं और डेटा को जीटीएम डेटा पर धकेला जा सकता है जैसा कि इसकी आवश्यकता है:

Google टैग प्रबंधक डेटा परत

इस मामले में, श्रेणी को फ़ॉर्म के रूप में हार्ड-कोड किया गया था, लक्ष्य हमसे संपर्क करें फ़ॉर्म था, और लेबल सबमिशन है।

Google टैग प्रबंधक में डेटा चर, ईवेंट, ट्रिगर और टैग सेट करें

इस पर अंतिम चरण उन चरों को कैप्चर करने के लिए Google टैग प्रबंधक को सेट अप करना और उन्हें किसी ईवेंट के लिए सेट किए गए Google Analytics टैग पर भेजना है। एलाड लेवी ने अपने अन्य पोस्ट में इन चरणों का विवरण दिया है - Google टैग प्रबंधक में सामान्य ईवेंट ट्रैकिंग.

एक बार ये सेट हो जाने के बाद, आप Google Analytics में ईवेंट देख सकेंगे!

एलिमेंट प्रो प्राप्त करें

प्रकटीकरण: मैं इस लेख में अपने सहबद्ध लिंक का उपयोग कर रहा हूँ।

4 टिप्पणियाँ

  1. 1
  2. 3

तुम्हें क्या लगता है?

यह साइट स्पैम को कम करने के लिए अकिस्मेट का उपयोग करती है। जानें कि आपका डेटा कैसे संसाधित किया जाता है.