JQuery ஐப் பயன்படுத்தி Google Analytics நிகழ்வுகளில் எலிமென்டர் படிவம் சமர்ப்பிப்புகளை எவ்வாறு கண்காணிப்பது

நான் கடந்த சில வாரங்களாக ஒரு கிளையன்ட் வேர்ட்பிரஸ் தளத்தில் வேலை செய்கிறேன், அதில் சில சிக்கல்கள் உள்ளன. அவர்கள் பயன்படுத்துகிறார்கள் வேர்ட்பிரஸ் ஒரு ஒருங்கிணைப்புடன் ActiveCampaign தடங்களை வளர்ப்பதற்காக மற்றும் ஏ Zapier ஒருங்கிணைப்பு ஜெண்டெஸ்க் விற்க வழியாக அடிப்படை படிவங்கள். இது ஒரு சிறந்த அமைப்பு ... தகவல் கேட்கும் மக்களுக்கு சொட்டு பிரச்சாரங்களைத் தொடங்குகிறது மற்றும் கோரும்போது பொருத்தமான விற்பனை பிரதிநிதிக்கு வழிவகுக்கிறது. எலிமென்டரின் வடிவ நெகிழ்வுத்தன்மை மற்றும் தோற்றம் மற்றும் உணர்வால் நான் மிகவும் ஈர்க்கப்பட்டேன்.

கடைசி படி வாடிக்கையாளருக்கு கூகிள் அனலிட்டிக்ஸ் மூலம் ஒரு பகுப்பாய்வு டாஷ்போர்டை வழங்கியது, இது படிவ சமர்ப்பிப்புகளில் மாதந்தோறும் செயல்திறனை அவர்களுக்கு வழங்கியது. அவர்கள் கூகிள் டேக் மேனேஜரை நிறுவியுள்ளனர், எனவே நாங்கள் ஏற்கனவே இ-காமர்ஸ் பரிவர்த்தனைகள் மற்றும் யூடியூப் பார்வை செயல்பாட்டை தளத்தில் கைப்பற்றுகிறோம்.

எலிமென்டருக்கான வெற்றிகரமான படிவ சமர்ப்பிப்பைக் கைப்பற்ற கூகுள் டேக் மேனேஜரில் DOM, தூண்டுதல்கள் மற்றும் நிகழ்வுகளைப் பயன்படுத்த நான் பல முயற்சிகளை மேற்கொண்டேன், ஆனால் அதிர்ஷ்டம் இல்லை. பக்கத்தை கண்காணிக்க பல்வேறு வழிகளை நான் சோதித்தேன், அஜாக்ஸ் வழியாக பாப் -அப் செய்யும் வெற்றிச் செய்தியைப் பார்த்து அது வேலை செய்யவில்லை. எனவே ... நான் சில தேடல்களைச் செய்தேன் மற்றும் டிராக்கிங் செஃப் என்பவரிடமிருந்து ஒரு சிறந்த தீர்வைக் கண்டேன் 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>

இது மிகவும் புத்திசாலித்தனமானது, வெற்றிகரமாக சமர்ப்பிப்பதைக் கவனித்து, பின்னர் கடந்து செல்கிறது படிவம் வகையாக, தி இலக்கு பெயர் அதிரடியாக, மற்றும் சமர்ப்பிக்கும் முத்திரையாக. இலக்கு நிரலை உருவாக்குவதன் மூலம், படிவ சமர்ப்பிப்பைக் கவனிக்க ஒவ்வொரு பக்கத்தின் அடிக்குறிப்பிலும் இந்த குறியீட்டை வைத்திருக்கலாம். எனவே ... நீங்கள் படிவங்களைச் சேர்க்கும்போது அல்லது மாற்றும்போது, ​​ஸ்கிரிப்டைப் புதுப்பிப்பது அல்லது மற்றொரு பக்கத்தில் சேர்ப்பது பற்றி நீங்கள் கவலைப்பட வேண்டியதில்லை.

எலிமென்டர் தனிப்பயன் குறியீடு வழியாக ஸ்கிரிப்டை நிறுவவும்

நீங்கள் ஒரு நிறுவனமாக இருந்தால், உங்கள் வாடிக்கையாளர்கள் அனைவருக்கும் வரம்பற்ற மேம்படுத்தல் மற்றும் எலிமென்டரைப் பயன்படுத்த நான் மிகவும் பரிந்துரைக்கிறேன். இது ஒரு திடமான தளம் மற்றும் கூட்டாளர் ஒருங்கிணைப்புகளின் எண்ணிக்கை தொடர்ந்து உயர்கிறது. போன்ற செருகுநிரலுடன் இணைக்கவும் தொடர்பு படிவம் DB மேலும் உங்கள் படிவ சமர்ப்பிப்புகள் அனைத்தையும் நீங்கள் சேகரிக்கலாம்.

எலிமெண்டர் புரோ ஒரு சிறந்த ஸ்கிரிப்ட் மேலாண்மை விருப்பத்தை கட்டமைக்கப்பட்டுள்ளது. உங்கள் குறியீட்டை எப்படி உள்ளிடலாம் என்பது இங்கே:

• செல்லவும் அடிப்படை> தனிப்பயன் குறியீடு
• உங்கள் குறியீட்டிற்கு பெயரிடுங்கள்
• இந்த இடத்தில் முடிவை அமைக்கவும் உடல் குறி.
• நீங்கள் செருக விரும்பும் ஒன்றுக்கு மேற்பட்ட ஸ்கிரிப்ட் இருந்தால் அவற்றின் முன்னுரிமையை அமைத்து அவற்றின் வரிசையை அமைக்கவும்.

• புதுப்பி என்பதைக் கிளிக் செய்யவும்
• நிபந்தனை அமைக்க மற்றும் அனைத்து பக்கங்களின் இயல்புநிலைக்கு அமைக்கும்படி கேட்கப்படுவீர்கள்.
• உங்கள் தற்காலிக சேமிப்பைப் புதுப்பிக்கவும், உங்கள் ஸ்கிரிப்ட் நேரலையில் உள்ளது!

உங்கள் கூகுள் டேக் மேனேஜர் ஒருங்கிணைப்பை முன்னோட்டமிடுங்கள்

கூகிள் டேக் மேனேஜர் ஒரு உலாவி நிகழ்வுடன் இணைப்பதற்கும், உங்கள் குறியீட்டைச் சரிபார்த்து, மாறிகள் சரியாக அனுப்பப்படுகிறதா இல்லையா என்பதைக் கண்காணிக்கவும் ஒரு அருமையான பொறிமுறையைக் கொண்டுள்ளது. கூகுள் அனலிட்டிக்ஸ் நிகழ்நேரத்தில் இல்லாததால் இது அவசியம். இதை நீங்கள் உணரவில்லை என்றால் கூகுள் அனலிட்டிக்ஸில் தரவு காட்டப்படவில்லை என்று நீங்கள் சோதிக்கலாம் மற்றும் சோதிக்கலாம்.

எப்படி செய்வது என்று நான் இங்கே ஒரு டுடோரியலை வழங்கப் போவதில்லை முன்னோட்டம் மற்றும் பிழைத்திருத்தம் Google டேக் மேலாளர்... உங்களுக்கு தெரியும் என்று நான் நினைக்கிறேன். எனது இணைக்கப்பட்ட சோதனைப் பக்கத்தில் எனது படிவத்தை சமர்ப்பிக்கலாம் மற்றும் GTM தரவுக்குத் தேவையான தரவுகளைத் தேவைப்படுவதால் பார்க்க முடியும்:

இந்த வழக்கில், வகை கடினமாக குறியிடப்பட்டது படிவம், இலக்கு எங்களை தொடர்பு படிவம், மற்றும் லேபிள் சமர்ப்பிப்பு.

கூகுள் டேக் மேனேஜரில் தரவு மாறிகள், நிகழ்வு, தூண்டுதல் மற்றும் குறிச்சொல்லை அமைக்கவும்

இதன் கடைசி படியாக அந்த மாறிகளைப் பிடிக்க கூகுள் டேக் மேனேஜரை அமைத்து ஒரு நிகழ்விற்காக அமைக்கப்பட்ட கூகுள் அனலிட்டிக்ஸ் டேக்கிற்கு அனுப்ப வேண்டும். எலாட் லெவி தனது மற்ற இடுகையில் இந்த படிகளை விவரிக்கிறார் - கூகுள் டேக் மேனேஜரில் பொதுவான நிகழ்வு கண்காணிப்பு.

அவை அமைக்கப்பட்டவுடன், Google Analytics இல் நிகழ்வுகளை நீங்கள் பார்க்க முடியும்!

எலிமெண்டர் ப்ரோவைப் பெறுங்கள்

வெளிப்படுத்தல்: இந்த கட்டுரை முழுவதும் எனது இணை இணைப்புகளைப் பயன்படுத்துகிறேன்.