JQuery ഉപയോഗിച്ച് Google Analytics ഇവന്റുകളിൽ എലമെന്റർ ഫോം സമർപ്പിക്കലുകൾ എങ്ങനെ ട്രാക്ക് ചെയ്യാം
കഴിഞ്ഞ കുറച്ച് ആഴ്ചകളായി ഞാൻ ഒരു ക്ലയന്റ് വേർഡ്പ്രസ്സ് സൈറ്റിൽ പ്രവർത്തിക്കുന്നു, അതിൽ കുറച്ച് സങ്കീർണതകൾ ഉണ്ട്. അവർ ഉപയോഗിക്കുന്നു വേർഡ്പ്രൈസ് ഒരു സംയോജനത്തോടെ അച്തിവെചംപൈഗ്ന് ലീഡുകൾ പരിപോഷിപ്പിക്കുന്നതിനും എ ജപ്പാനീസ് എന്നതിലേക്കുള്ള സംയോജനം സെൻഡെസ്ക് വിൽക്കുക വഴി എലമെന്റർ ഫോമുകൾ. ഇത് ഒരു മികച്ച സംവിധാനമാണ് ... വിവരങ്ങൾ അഭ്യർത്ഥിക്കുന്ന ആളുകളിലേക്ക് ഡ്രിപ്പ് കാമ്പെയ്നുകൾ ആരംഭിക്കുകയും ആവശ്യപ്പെടുമ്പോൾ ഉചിതമായ വിൽപ്പന പ്രതിനിധിയെ നയിക്കുകയും ചെയ്യുന്നു. എലമെന്ററിന്റെ ഫോം വഴക്കവും രൂപവും ഭാവവും എന്നെ ശരിക്കും ആകർഷിച്ചു.
അവസാന ഘട്ടം ക്ലയന്റിന് Google Analytics വഴി ഒരു അനലിറ്റിക്സ് ഡാഷ്ബോർഡ് നൽകുകയായിരുന്നു, അത് ഫോം സമർപ്പിക്കലുകളിൽ പ്രതിമാസം പ്രകടനം പ്രദാനം ചെയ്തു. അവർക്ക് Google ടാഗ് മാനേജർ ഇൻസ്റ്റാൾ ചെയ്തിട്ടുണ്ട്, അതിനാൽ ഞങ്ങൾ ഇതിനകം സൈറ്റിൽ ഇ-കൊമേഴ്സ് ഇടപാടുകളും YouTube വ്യൂ ആക്റ്റിവിറ്റിയും പിടിച്ചെടുക്കുന്നു.
എലമെൻററിനായുള്ള വിജയകരമായ ഫോം സമർപ്പിക്കൽ ക്യാപ്ചർ ചെയ്യുന്നതിന് ഞാൻ Google ടാഗ് മാനേജർക്കുള്ളിലെ DOM, ട്രിഗറുകൾ, ഇവന്റുകൾ എന്നിവ ഉപയോഗപ്പെടുത്താൻ നിരവധി ശ്രമങ്ങൾ നടത്തിയിരുന്നു, പക്ഷേ ഭാഗ്യം ഉണ്ടായിരുന്നില്ല. അജാക്സ് വഴി പോപ്പ് അപ്പ് ചെയ്യുന്ന വിജയ സന്ദേശത്തിനായി നോക്കി, പേജ് നിരീക്ഷിക്കാൻ ഞാൻ നിരവധി മാർഗങ്ങൾ പരീക്ഷിച്ചു. അങ്ങനെ ... ഞാൻ കുറച്ച് തിരച്ചിൽ നടത്തി, ട്രാക്കിംഗ് ഷെഫിൽ നിന്ന് ഒരു മികച്ച പരിഹാരം കണ്ടെത്തി, വിളിച്ചു GTM ഉപയോഗിച്ച് ബുള്ളറ്റ് പ്രൂഫ് എലമെന്റർ ഫോം ട്രാക്കിംഗ്.
സ്ക്രിപ്റ്റ് ഉപയോഗിക്കുന്നു വിക്കി കൂടാതെ ഗൂഗിൾ ടാഗ് മാനേജർ 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>
ഇത് വളരെ സമർത്ഥമാണ്, വിജയകരമായ സമർപ്പണത്തിനായി നോക്കുന്നു, തുടർന്ന് കടന്നുപോകുന്നു രൂപം വിഭാഗമായി, ദി ലക്ഷ്യസ്ഥാന നാമം ആക്ഷൻ പോലെ, ഒപ്പം സമർപ്പിക്കൽ ലേബലായി. ടാർഗെറ്റ് പ്രോഗ്രാമാറ്റിക് ആക്കുന്നതിലൂടെ, ഒരു ഫോം സമർപ്പിക്കൽ നിരീക്ഷിക്കുന്നതിന് എല്ലാ പേജുകളുടെയും അടിക്കുറിപ്പിൽ നിങ്ങൾക്ക് ഈ കോഡ് ലഭിക്കും. അതിനാൽ ... നിങ്ങൾ ഫോമുകൾ ചേർക്കുമ്പോഴോ പരിഷ്ക്കരിക്കുമ്പോഴോ, സ്ക്രിപ്റ്റ് അപ്ഡേറ്റ് ചെയ്യുന്നതിനോ മറ്റൊരു പേജിലേക്ക് ചേർക്കുന്നതിനോ നിങ്ങൾ ഒരിക്കലും വിഷമിക്കേണ്ടതില്ല.
എലമെന്റർ കസ്റ്റം കോഡ് വഴി സ്ക്രിപ്റ്റ് ഇൻസ്റ്റാൾ ചെയ്യുക
നിങ്ങൾ ഒരു ഏജൻസി ആണെങ്കിൽ, നിങ്ങളുടെ എല്ലാ ക്ലയന്റുകൾക്കും പരിധിയില്ലാത്ത അപ്ഗ്രേഡും എലമെന്റർ ഉപയോഗിക്കാനും ഞാൻ വളരെ ശുപാർശ ചെയ്യുന്നു. ഇത് ഒരു ഉറച്ച പ്ലാറ്റ്ഫോമാണ്, പങ്കാളി സംയോജനങ്ങളുടെ എണ്ണം കുതിച്ചുയരുകയാണ്. ഒരു പ്ലഗിൻ ലൈക്ക് ഉപയോഗിച്ച് ഇത് കൂട്ടിച്ചേർക്കുക ഫോം ഡിബിയുമായി ബന്ധപ്പെടുക നിങ്ങളുടെ എല്ലാ ഫോം സമർപ്പിക്കലുകളും നിങ്ങൾക്ക് ശേഖരിക്കാനും കഴിയും.
എലമെന്റർ പ്രോ ഒരു മികച്ച സ്ക്രിപ്റ്റ് മാനേജുമെന്റ് ഓപ്ഷൻ ഉണ്ട്. നിങ്ങളുടെ കോഡ് എങ്ങനെ നൽകാമെന്നത് ഇതാ:
- ഇതിലേക്ക് നാവിഗേറ്റുചെയ്യുക മൂലകം> കസ്റ്റം കോഡ്
- നിങ്ങളുടെ കോഡിന് പേര് നൽകുക
- ലൊക്കേഷൻ സജ്ജമാക്കുക, ഈ സാഹചര്യത്തിൽ അവസാനം ബോഡി ടാഗ്.
- നിങ്ങൾക്ക് ചേർക്കാൻ ആഗ്രഹിക്കുന്ന ഒന്നിലധികം സ്ക്രിപ്റ്റുകൾ ഉണ്ടെങ്കിൽ അവയുടെ മുൻഗണന ക്രമീകരിക്കുകയും ക്രമം ക്രമീകരിക്കുകയും ചെയ്യുക.
- അപ്ഡേറ്റ് ക്ലിക്ക് ചെയ്യുക
- നിബന്ധന സജ്ജീകരിക്കാനും എല്ലാ പേജുകളുടെയും സ്ഥിരസ്ഥിതിയായി സജ്ജമാക്കാനും നിങ്ങളോട് ആവശ്യപ്പെടും.
- നിങ്ങളുടെ കാഷെ പുതുക്കുക, നിങ്ങളുടെ സ്ക്രിപ്റ്റ് തത്സമയമാണ്!
നിങ്ങളുടെ Google ടാഗ് മാനേജർ ഇന്റഗ്രേഷൻ പ്രിവ്യൂ ചെയ്യുക
ഒരു ബ്രൗസർ ഉദാഹരണത്തിലേക്ക് കണക്റ്റുചെയ്യാനും വേരിയബിളുകൾ ശരിയായി അയയ്ക്കുന്നുണ്ടോ ഇല്ലയോ എന്ന് നിരീക്ഷിക്കാൻ നിങ്ങളുടെ കോഡ് പരിശോധിക്കുന്നതിനും Google ടാഗ് മാനേജർക്ക് ഒരു മികച്ച സംവിധാനമുണ്ട്. Google Analytics തത്സമയമല്ലാത്തതിനാൽ ഇത് അത്യാവശ്യമാണ്. നിങ്ങൾ ഇത് മനസിലാക്കുന്നില്ലെങ്കിൽ Google Analytics- ൽ ഡാറ്റ കാണിക്കുന്നില്ലെന്ന് നിങ്ങൾക്ക് പരിശോധിക്കാനും പരീക്ഷിക്കാനും പരീക്ഷിക്കാനും ശരിക്കും നിരാശപ്പെടാനും കഴിയും.
എങ്ങനെയെന്ന് ഞാൻ ഇവിടെ ഒരു ട്യൂട്ടോറിയൽ നൽകാൻ പോകുന്നില്ല Google ടാഗ് മാനേജർ പ്രിവ്യൂ ചെയ്ത് ഡീബഗ് ചെയ്യുക... നിങ്ങൾക്കറിയാമെന്ന് ഞാൻ അനുമാനിക്കാൻ പോകുന്നു. കണക്റ്റുചെയ്ത എന്റെ ടെസ്റ്റ് പേജിൽ എനിക്ക് എന്റെ ഫോം സമർപ്പിക്കാനും ജിടിഎം ഡാറ്റയിലേക്ക് ആവശ്യപ്പെടുന്നതുപോലെ ഡാറ്റ തള്ളുന്നത് കാണാനും കഴിയും:
ഈ സാഹചര്യത്തിൽ, വിഭാഗം ഫോം എന്ന നിലയിൽ ഹാർഡ്-കോഡ് ചെയ്തിരിക്കുന്നു, ലക്ഷ്യം ഞങ്ങളെ ബന്ധപ്പെടാനുള്ള ഫോം ആയിരുന്നു, ലേബൽ സമർപ്പിക്കൽ ആണ്.
Google ടാഗ് മാനേജറിൽ ഡാറ്റ വേരിയബിളുകൾ, ഇവന്റ്, ട്രിഗർ, ടാഗ് എന്നിവ സജ്ജമാക്കുക
ഇതിന്റെ അവസാന ഘട്ടം ആ വേരിയബിളുകൾ പിടിച്ചെടുക്കുന്നതിനും ഒരു ഇവന്റിനായി സജ്ജീകരിച്ചിരിക്കുന്ന Google Analytics ടാഗിലേക്ക് അയയ്ക്കുന്നതിനും Google ടാഗ് മാനേജർ സജ്ജമാക്കുക എന്നതാണ്. എലാഡ് ലെവി തന്റെ മറ്റ് പോസ്റ്റിൽ ഈ ഘട്ടങ്ങൾ വിശദീകരിക്കുന്നു - Google ടാഗ് മാനേജറിലെ പൊതു ഇവന്റ് ട്രാക്കിംഗ്.
അവ സജ്ജീകരിച്ചുകഴിഞ്ഞാൽ, നിങ്ങൾക്ക് Google Analytics- ൽ ഇവന്റുകൾ കാണാൻ കഴിയും!
വെളിപ്പെടുത്തൽ: ഈ ലേഖനത്തിലുടനീളം ഞാൻ എന്റെ അനുബന്ധ ലിങ്കുകൾ ഉപയോഗിക്കുന്നു.