J క్వెరీని ఉపయోగించి Google Analytics ఈవెంట్‌లలో ఎలిమెంటర్ ఫారం సమర్పణలను ఎలా ట్రాక్ చేయాలి

Google Analytics ఈవెంట్‌లలో ఎలిమెంటర్ ఫారం సమర్పణలను ఎలా ట్రాక్ చేయాలి

నేను గత కొన్ని వారాలుగా కొన్ని సంక్లిష్టతలను కలిగి ఉన్న క్లయింట్ WordPress సైట్‌లో పని చేస్తున్నాను. వారు ఉపయోగిస్తున్నారు WordPress ఒక ఇంటిగ్రేషన్‌తో ActiveCampaign లీడ్స్ మరియు ఎ Zapier కు అనుసంధానం జెండెస్క్ అమ్మకం ద్వారా మూలక పత్రాలు. ఇది ఒక గొప్ప వ్యవస్థ ... సమాచారాన్ని అభ్యర్థించే వ్యక్తులకు బిందు ప్రచారాలను ప్రారంభించడం మరియు అభ్యర్థించినప్పుడు తగిన విక్రయ ప్రతినిధికి దారి తీయడం. నేను నిజంగా ఎలిమెంటర్ యొక్క ఫ్లెక్సిబిలిటీ మరియు లుక్ అండ్ ఫీల్‌తో ఆకట్టుకున్నాను.

చివరి దశ క్లయింట్ కోసం Google Analytics ద్వారా విశ్లేషణ డాష్‌బోర్డ్‌ను అందించడం, ఇది ఫారమ్ సమర్పణలపై నెలవారీ పనితీరును వారికి అందిస్తుంది. వారు Google ట్యాగ్ మేనేజర్‌ని ఇన్‌స్టాల్ చేసారు, కాబట్టి మేము ఇప్పటికే ఈ-కామర్స్ లావాదేవీలను మరియు సైట్‌లోని YouTube వీక్షణ కార్యకలాపాలను క్యాప్చర్ చేస్తున్నాము.

ఎలిమెంటర్ కోసం విజయవంతమైన ఫారమ్ సమర్పణను సంగ్రహించడానికి గూగుల్ ట్యాగ్ మేనేజర్‌లోని DOM, ట్రిగ్గర్‌లు మరియు ఈవెంట్‌లను ఉపయోగించడానికి నేను అనేక ప్రయత్నాలు చేసాను కానీ అదృష్టం లేదు. పేజీని పర్యవేక్షించడానికి నేను టన్నుల విభిన్న మార్గాలను పరీక్షించాను, అజాక్స్ ద్వారా పాప్అప్ అయ్యే విజయ సందేశం కోసం చూస్తున్నాను మరియు అది పని చేయలేదు. కాబట్టి ... నేను కొంత శోధన చేసాను మరియు ట్రాకింగ్ చెఫ్ నుండి ఒక గొప్ప పరిష్కారాన్ని కనుగొన్నాను GTM తో బుల్లెట్ ప్రూఫ్ ఎలిమెంటర్ ఫారమ్ ట్రాకింగ్.

స్క్రిప్ట్ ఉపయోగించుకుంటుంది j క్వెరీ మరియు 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>

ఇది చాలా తెలివిగలది, విజయవంతమైన సమర్పణ కోసం చూడటం, తరువాత ఉత్తీర్ణత సాధించడం ఫారం వర్గం వలె, ది గమ్యం పేరు యాక్షన్‌గా, మరియు సమర్పణ లేబుల్ వలె. లక్షిత ప్రోగ్రామాటిక్‌గా చేయడం ద్వారా, ఫారమ్ సమర్పణను గమనించడానికి మీరు ప్రతి పేజీ యొక్క ఫుటరులో ఈ కోడ్‌ను కలిగి ఉండవచ్చు. కాబట్టి ... మీరు ఫారమ్‌లను జోడించినప్పుడు లేదా సవరించినప్పుడు, స్క్రిప్ట్‌ను అప్‌డేట్ చేయడం లేదా మరొక పేజీకి జోడించడం గురించి మీరు ఎప్పుడూ ఆందోళన చెందాల్సిన అవసరం లేదు.

ఎలిమెంటర్ కస్టమ్ కోడ్ ద్వారా స్క్రిప్ట్‌ను ఇన్‌స్టాల్ చేయండి

మీరు ఒక ఏజెన్సీ అయితే, మీ క్లయింట్లందరికీ అపరిమిత అప్‌గ్రేడ్ మరియు ఎలిమెంటర్‌ను ఉపయోగించాలని నేను బాగా సిఫార్సు చేస్తున్నాను. ఇది ఒక ఘన వేదిక మరియు భాగస్వామి అనుసంధానాల సంఖ్య ఆకాశాన్ని అంటుతూనే ఉంది. ప్లగ్ఇన్ లాంటి దాన్ని జోడించండి ఫారం DB ని సంప్రదించండి మరియు మీరు మీ అన్ని ఫారమ్ సమర్పణలను కూడా సేకరించవచ్చు.

ఎలిమెంటర్ ప్రో గొప్ప స్క్రిప్ట్ మేనేజ్‌మెంట్ ఆప్షన్‌ని నిర్మించారు. మీరు మీ కోడ్‌ని ఎలా ఎంటర్ చేయాలో ఇక్కడ ఉంది:

ఎలిమెంటర్ కస్టమ్ కోడ్

  • నావిగేట్ చేయండి మూలకం> అనుకూల కోడ్
  • మీ కోడ్‌కు పేరు పెట్టండి
  • స్థానాన్ని సెట్ చేయండి, ఈ సందర్భంలో ముగింపు శరీర ట్యాగ్.
  • మీరు చొప్పించాలనుకుంటున్న ఒకటి కంటే ఎక్కువ స్క్రిప్ట్‌లు ఉంటే వాటి ప్రాధాన్యతను సెట్ చేయండి మరియు వాటి క్రమాన్ని సెట్ చేయండి.

GTM ద్వారా GA ఈవెంట్‌కు ఎలిమెంటర్ ఫారం సమర్పణ

  • అప్‌డేట్ క్లిక్ చేయండి
  • పరిస్థితిని సెట్ చేయమని మరియు అన్ని పేజీల డిఫాల్ట్‌గా సెట్ చేయమని మిమ్మల్ని అడుగుతారు.
  • మీ కాష్‌ను రిఫ్రెష్ చేయండి మరియు మీ స్క్రిప్ట్ ప్రత్యక్షంగా ఉంటుంది!

మీ Google ట్యాగ్ మేనేజర్ ఇంటిగ్రేషన్‌ను ప్రివ్యూ చేయండి

బ్రౌజర్ ఉదాహరణకి కనెక్ట్ చేయడానికి మరియు వేరియబుల్స్ సరిగ్గా పంపబడుతున్నాయో లేదో గమనించడానికి మీ కోడ్‌ని పరీక్షించడానికి గూగుల్ ట్యాగ్ మేనేజర్ అద్భుతమైన యంత్రాంగాన్ని కలిగి ఉంది. Google Analytics రియల్ టైమ్ కానందున ఇది చాలా అవసరం. మీరు దీనిని గ్రహించకపోతే Google Analytics లో డేటా కనిపించడం లేదని మీరు పరీక్షించవచ్చు మరియు పరీక్షించవచ్చు మరియు పరీక్షించవచ్చు మరియు నిజంగా నిరాశ చెందుతారు.

ఎలా చేయాలో నేను ఇక్కడ ట్యుటోరియల్ అందించడం లేదు Google ట్యాగ్ మేనేజర్‌ని ప్రివ్యూ మరియు డీబగ్ చేయండి... మీకు తెలుసని నేను అనుకుంటాను. నేను నా ఫారమ్‌ని నా కనెక్ట్ చేసిన టెస్ట్ పేజీలో సమర్పించగలను మరియు GTM డేటాకు అవసరమైన విధంగా డేటా నెట్టబడినట్లు చూడవచ్చు:

గూగుల్ ట్యాగ్ మేనేజర్ డేటా లేయర్

ఈ సందర్భంలో, వర్గం ఫారమ్‌గా హార్డ్-కోడ్ చేయబడింది, లక్ష్యం మమ్మల్ని సంప్రదించండి ఫారం, మరియు లేబుల్ సమర్పణ.

Google ట్యాగ్ మేనేజర్‌లో డేటా వేరియబుల్స్, ఈవెంట్, ట్రిగ్గర్ మరియు ట్యాగ్‌లను సెటప్ చేయండి

దీనిలో చివరి దశ ఏమిటంటే, ఆ వేరియబుల్స్‌ను సంగ్రహించడానికి మరియు ఈవెంట్ కోసం ఏర్పాటు చేసిన Google Analytics ట్యాగ్‌కు పంపడానికి Google ట్యాగ్ మేనేజర్‌ను సెటప్ చేయడం. ఎలడ్ లెవీ తన ఇతర పోస్ట్‌లో ఈ దశలను వివరించాడు - Google ట్యాగ్ మేనేజర్‌లో సాధారణ ఈవెంట్ ట్రాకింగ్.

అవి సెటప్ చేయబడిన తర్వాత, మీరు Google Analytics లో ఈవెంట్‌లను చూడగలరు!

ఎలిమెంటర్ ప్రో పొందండి

ప్రకటన: నేను ఈ వ్యాసం అంతటా నా అనుబంధ లింక్‌లను ఉపయోగిస్తున్నాను.

6 వ్యాఖ్యలు

  1. 1
  2. 3

    నేను ఎలిమెంటర్ రూపంలో బహుళ దశలను ఉపయోగిస్తున్నాను, కానీ వినియోగదారు తదుపరి బటన్‌ను క్లిక్ చేసినప్పుడు ఈవెంట్‌ను ట్రాక్ చేయాలనుకుంటున్నాను.
    ఈ సంఘటన మీకు తెలుసా? ధన్యవాదాలు!

  3. 5

మీరు ఏమి ఆలోచిస్తాడు?

స్పామ్ తగ్గించడానికి ఈ సైట్ Akismet ను ఉపయోగిస్తుంది. మీ వ్యాఖ్య డేటా ఎలా ప్రాసెస్ చేయబడిందో తెలుసుకోండి.