कसरी गुगल एनालिटिक्स घटनाहरु मा JQuery को उपयोग गरी एलिमेन्टर फारम सबमिशन ट्रयाक गर्न को लागी

म एक ग्राहक WordPress साइट मा पछिल्लो केहि हप्ताहरु को लागी केहि धेरै जटिलताहरु को लागी काम गरीरहेको छु। उनीहरु प्रयोग गर्दैछन् WordPress एक एकीकरण संग ActiveCampaign पोषण र नेतृत्व को लागी Zapier मा एकीकरण Zendesk बेच्नुहोस् मार्फत Elementor फारमहरु। यो एक महान प्रणाली हो ... ड्रिप अभियान बन्द गर्ने व्यक्तिहरु जो जानकारी को लागी अनुरोध गर्न को लागी र उपयुक्त बिक्री प्रतिनिधि को लागी एक नेतृत्व धक्का जब अनुरोध। म साँच्चै Elementor को रूप लचीलापन संग प्रभावित छु र हेर्न र महसुस।

अन्तिम चरण गुगल एनालिटिक्स को माध्यम बाट ग्राहक को लागी एक एनालिटिक्स ड्यासबोर्ड प्रदान गरीरहेको थियो कि उनीहरुलाई फारम सबमिशन मा महिना भन्दा बढी प्रदर्शन को साथ प्रदान गरीएको थियो। उनीहरु संग गुगल ट्याग प्रबन्धक स्थापित छ, त्यसैले हामी पहिले नै ई-वाणिज्य लेनदेन र साइट मा यूट्यूब दृश्य गतिविधि कैप्चर गर्दैछौं।

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

स्क्रिप्ट उपयोग गर्दछ jQuery र गुगल ट्याग प्रबन्धक लाई धक्का दिन को लागी गुगल एनालिटिक्स घटना जब फारम सफलतापूर्वक पेस हुन्छ। केहि मामूली सम्पादन र एक वाक्य रचना सुधार संग, मँ सबै कुरा मलाई चाहियो। यहाँ कोड छ:

<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 कस्टम कोड मार्फत स्क्रिप्ट स्थापना गर्नुहोस्

यदि तपाइँ एक एजेन्सी हुनुहुन्छ, म अत्यधिक असीमित अपग्रेड र तपाइँको सबै ग्राहकहरु को लागी Elementor को उपयोग को सिफारिश गर्दछु। यो एक ठोस मंच हो र साझेदार एकीकरण को संख्या skyrocket जारी छ। यो जस्तै एक प्लगइन संग जोडी सम्पर्क फारम DB र तपाइँ पनि तपाइँको फारम सबमिशन को सबै स collect्कलन गर्न सक्नुहुन्छ।

एलिमेन्टर प्रो एक महान स्क्रिप्ट व्यवस्थापन विकल्प सही मा निर्मित छ। यहाँ कसरी तपाइँ तपाइँको कोड प्रविष्ट गर्न सक्नुहुन्छ:

• नेभिगेट गर्नुहोस् Elementor> कस्टम कोड
• तपाइँको कोड नाम दिनुहोस्
• स्थान सेट गर्नुहोस्, यस अवस्थामा अन्त शरीर ट्याग.
• एक प्राथमिकता सेट गर्नुहोस् यदि तपाइँ एक भन्दा बढि स्क्रिप्ट तपाइँ सम्मिलित गर्न चाहानुहुन्छ र उनीहरुको क्रम सेट गर्नुहोस्।

• अपडेट मा क्लिक गर्नुहोस्
• तपाइँ शर्त सेट गर्न को लागी सोधिन्छ र मात्र यो सबै पृष्ठहरु को पूर्वनिर्धारित सेट गर्नुहोस्।
• तपाइँको क्यास ताजा गर्नुहोस् र तपाइँको स्क्रिप्ट लाइभ छ!

तपाइँको गुगल ट्याग प्रबन्धक एकीकरण पूर्वावलोकन

गुगल ट्याग प्रबन्धक एक ब्राउजर उदाहरण मा जडान गर्न को लागी र वास्तव मा चर को लागी पठाइएको छ कि छैन भनेर अवलोकन गर्न को लागी तपाइँको कोड को परीक्षण को लागी एक शानदार तंत्र छ। यो आवश्यक छ किनकि गुगल एनालिटिक्स वास्तविक समय हैन। तपाइँ परीक्षण र परीक्षण र परीक्षण गर्न सक्नुहुन्छ र साँच्चै निराश हुन सक्नुहुन्छ कि डाटा गुगल एनालिटिक्स मा देखाइरहेको छैन यदि तपाइँ यो महसुस गर्नुहुन्न।

म यहाँ कसरी एक ट्यूटोरियल प्रदान गर्न जाँदैछु पूर्वावलोकन र डिबग गुगल ट्याग प्रबन्धक… मँ तिमीलाई थाहा छ मानीरहेको छु। म मेरो जोडिएको परीक्षण पृष्ठ मा मेरो फारम सबमिट गर्न सक्छु र डाटा GTM डाटा मा धकेलिएको देख्न को लागी यो हुन को लागी आवश्यक छ:

यस मामला मा, श्रेणी फारम को रूप मा हार्ड कोड गरिएको थियो, लक्ष्य हामीलाई सम्पर्क फारम थियो, र लेबल पेश छ।

गुगल ट्याग प्रबन्धक मा डाटा चर, घटना, ट्रिगर, र ट्याग सेट अप गर्नुहोस्

यो मा अन्तिम चरण गुगल ट्याग प्रबन्धक ती चर कब्जा र एक गुगल एनालिटिक्स ट्याग एक घटना को लागी सेट अप गर्न को लागी सेट अप गर्न को लागी हो। Elad लेवी आफ्नो अन्य पोस्ट मा यी चरणहरु को विवरण - गूगल ट्याग प्रबन्धक मा सामान्य घटना ट्र्याकि.

एक पटक ती सेटअप गरिसकेपछि, तपाइँ गुगल एनालिटिक्स मा घटनाहरु हेर्न सक्षम हुनुहुनेछ!

Elementor प्रो प्राप्त गर्नुहोस्

खुलासा: म यो लेख भर मा मेरो सम्बद्ध लिंक को उपयोग गर्दै छु।