JQuery वापरून Google Analytics इव्हेंटमध्ये एलिमेंटर फॉर्म सबमिशनचा मागोवा कसा घ्यावा

मी गेल्या काही आठवड्यांपासून क्लायंट वर्डप्रेस साइटवर काम करत आहे ज्यात काही गुंतागुंत आहेत. ते वापरत आहेत वर्डप्रेस मध्ये एकत्रीकरणासह एक्टिव्ह कॅम्पॅग लीड्सचे पालन पोषण करण्यासाठी आणि ए झापियर मध्ये एकत्रीकरण झेंडेस्क विक्री द्वारे एलिमेंटर फॉर्म. ही एक उत्तम प्रणाली आहे ... माहितीची विनंती करणाऱ्या लोकांसाठी ठिबक मोहिमा बंद करणे आणि विनंती केल्यावर योग्य विक्री प्रतिनिधीकडे नेणे. मी एलिमेन्टरच्या फॉर्म लवचिकतेने आणि देखाव्याने खरोखर प्रभावित झालो आहे.

शेवटची पायरी म्हणजे क्लायंटला Google Analytics द्वारे अॅनालिटिक्स डॅशबोर्ड प्रदान करणे ज्याने त्यांना फॉर्म सबमिशनवर महिन्या-दरमहा कामगिरी प्रदान केली. त्यांच्याकडे गूगल टॅग मॅनेजर इन्स्टॉल आहे, म्हणून आम्ही साइटवर ई-कॉमर्स व्यवहार आणि यूट्यूब व्ह्यू अॅक्टिव्हिटी आधीच कॅप्चर करत आहोत.

एलिमेंटरसाठी यशस्वी फॉर्म सबमिशन मिळवण्यासाठी मी Google टॅग मॅनेजरमध्ये DOM, ट्रिगर्स आणि इव्हेंट्स वापरण्याचा अनेक प्रयत्न केले परंतु मला अजिबात भाग्य मिळाले नाही. मी AJAX द्वारे पॉपअप होणारा यश संदेश पाहण्यासाठी आणि ते कार्य करत नसल्यामुळे, पृष्ठाचे निरीक्षण करण्यासाठी अनेक मार्गांनी चाचणी केली. तर… मी काही शोध घेतला आणि ट्रॅकिंग शेफकडून एक चांगला उपाय सापडला, ज्याला म्हणतात GTM सह बुलेटप्रूफ एलिमेंटर फॉर्म ट्रॅकिंग.

स्क्रिप्ट वापरते jQuery आणि गूगल टॅग व्यवस्थापक दाबा 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>

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

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

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

एलिमेंटर प्रो एक उत्तम स्क्रिप्ट व्यवस्थापन पर्याय आहे.

• यावर नेव्हिगेट करा घटक> सानुकूल कोड
• तुमच्या कोडला नाव द्या
• स्थान सेट करा, या प्रकरणात शेवट बॉडी टॅग.
• जर तुमच्याकडे एकापेक्षा जास्त स्क्रिप्ट असतील तर त्यांना प्राधान्यक्रम सेट करा आणि त्यांचा क्रम सेट करा.

• अपडेट वर क्लिक करा
• आपल्याला अट सेट करण्यास सांगितले जाईल आणि फक्त सर्व पृष्ठांच्या डीफॉल्टवर सेट करा.
• तुमची कॅशे रीफ्रेश करा आणि तुमची स्क्रिप्ट थेट आहे!

आपल्या Google टॅग व्यवस्थापक एकात्मतेचे पूर्वावलोकन करा

Google टॅग मॅनेजरकडे ब्राउझरच्या उदाहरणाशी कनेक्ट होण्यासाठी आणि व्हेरिएबल्स योग्यरित्या पाठवले जात आहेत की नाही हे पाहण्यासाठी आपल्या कोडची प्रत्यक्ष चाचणी करण्यासाठी एक विलक्षण यंत्रणा आहे. हे आवश्यक आहे कारण Google Analytics रिअल-टाइम नाही. आपण चाचणी करू शकता आणि चाचणी करू शकता आणि चाचणी करू शकता आणि खरोखर निराश होऊ शकता की जर आपल्याला हे समजले नाही तर Google Analytics मध्ये डेटा दिसत नाही.

मी येथे कसे करावे याबद्दल एक ट्यूटोरियल प्रदान करणार नाही Google Tag Manager चे पूर्वावलोकन आणि डीबग करा… मी तुम्हाला गृहीत धरणार आहे. मी माझ्या कनेक्ट केलेल्या चाचणी पृष्ठावर माझा फॉर्म सबमिट करू शकतो आणि जीटीएम डेटाकडे ढकलला गेलेला डेटा पाहणे आवश्यक आहे:

या प्रकरणात, श्रेणी फॉर्म म्हणून हार्ड-कोडेड होती, लक्ष्य आमच्याशी संपर्क फॉर्म होता, आणि लेबल सबमिशन आहे.

Google टॅग मॅनेजरमध्ये डेटा व्हेरिएबल्स, इव्हेंट, ट्रिगर आणि टॅग सेट करा

यावरील शेवटची पायरी म्हणजे ती व्हेरिएबल्स कॅप्चर करण्यासाठी गुगल टॅग मॅनेजर सेट करणे आणि इव्हेंटसाठी सेट केलेल्या गुगल अॅनालिटिक्स टॅगवर पाठवणे. एलाड लेव्हीने त्याच्या इतर पोस्टमध्ये या चरणांचे तपशील दिले - Google Tag Manager मध्ये जेनेरिक इव्हेंट ट्रॅकिंग.

एकदा ते सेट केले की, तुम्ही Google Analytics मध्ये इव्हेंट पाहू शकाल!

एलिमेंटर प्रो मिळवा

प्रकटीकरण: मी या लेखात माझे संलग्न दुवे वापरत आहे.