როგორ თვალყური ადევნოთ Elementor ფორმის წარდგენებს Google Analytics ღონისძიებებში JQuery გამოყენებით
მე ვმუშაობ კლიენტის WordPress საიტზე ბოლო რამდენიმე კვირის განმავლობაში, რომელსაც საკმაოდ ბევრი სირთულე აქვს. ისინი იყენებენ WordPress ინტეგრაციით ActiveCampaign ტყვიის აღსაზრდელად და ა Zapier ინტეგრაცია ზენდსკი გაყიდვა მიერ ელემენტარული ფორმებირა ეს მშვენიერი სისტემაა ... ჩაშალეთ კამპანიები იმ ადამიანებისთვის, ვინც ითხოვს ინფორმაციას და მოთხოვნის შემთხვევაში მიიყვანს გაყიდვების შესაბამის წარმომადგენელს. მე ნამდვილად შთაბეჭდილება მოახდინა Elementor– ის მოქნილობამ და გარეგნობამ.
ბოლო ნაბიჯი იყო კლიენტისთვის ანალიტიკური დაფის უზრუნველყოფა Google Analytics– ის საშუალებით, რაც მათ უზრუნველყოფდა თვის წარდგენის ფორმით. მათ აქვთ Google Tag Manager დაინსტალირებული, ამიტომ ჩვენ უკვე ვიღებთ ელექტრონული კომერციის გარიგებებს და YouTube– ის აქტივობას საიტზე.
მე რამდენჯერმე შევეცადე გამომეყენებინა DOM, გამომწვევები და მოვლენები Google Tag Manager– ში Elementor– ის წარმატებული ფორმის წარსადგენად, მაგრამ საერთოდ არ გამიმართლა. მე გამოვცადე გვერდის მონიტორინგის მრავალი განსხვავებული გზა, ვუყურე წარმატების შეტყობინებას, რომელიც გამოჩნდება AJAX– ის საშუალებით და ის უბრალოდ არ მუშაობს. ასე რომ ... მე გავაკეთე ძებნა და ვიპოვე შესანიშნავი გამოსავალი Tracking Chef– ისგან, სახელწოდებით ტყვიაგაუმტარი Elementor ფორმა თვალთვალის GTM.
სკრიპტი იყენებს jQuery და Google Tag მენეჯერი დააყენებს 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>
საკმაოდ გენიალურია, წარმატებული წარდგენის ყურება, შემდეგ გავლა ფორმა როგორც კატეგორია, დანიშნულების სახელი როგორც მოქმედება და წარდგინება როგორც ეტიკეტი. სამიზნე პროგრამული უზრუნველყოფის საშუალებით, თქვენ შეგიძლიათ უბრალოდ გქონდეთ ეს კოდი ყველა გვერდის ქვედა გვერდზე, რომ დააკვირდეთ ფორმის წარდგენას. ასე რომ ... როდესაც თქვენ დაამატებთ ან ცვლით ფორმებს, თქვენ არასოდეს იდარდებთ სკრიპტის განახლებაზე და არც სხვა გვერდზე დამატებაზე.
დააინსტალირეთ სკრიპტი Elementor საბაჟო კოდის საშუალებით
თუ თქვენ ხართ სააგენტო, მე გირჩევთ შეუზღუდავი განახლება და გამოყენება Elementor თქვენი ყველა კლიენტისთვის. ეს არის მყარი პლატფორმა და პარტნიორთა ინტეგრაციის რაოდენობა კვლავ იზრდება. დააკავშირე ის მოდულის მსგავსად საკონტაქტო ფორმა DB და ასევე შეგიძლიათ შეაგროვოთ თქვენი ყველა ფორმის წარდგენა.
Elementor Pro აქვს ჩაშენებული სკრიპტების მართვის შესანიშნავი ვარიანტი. აი როგორ შეგიძლიათ შეიყვანოთ თქვენი კოდი:
- ნავიგაცია ელემენტი> პერსონალური კოდი
- დაასახელეთ თქვენი კოდი
- დააყენეთ ადგილმდებარეობა, ამ შემთხვევაში დასასრული სხეულის წარწერა.
- დააყენეთ პრიორიტეტი, თუ გაქვთ ერთზე მეტი სკრიპტი, რომლის ჩასმა და მათი თანმიმდევრობა გსურთ.
- დააწკაპუნეთ განახლებაზე
- თქვენ მოგეთხოვებათ დააყენოთ პირობა და უბრალოდ დააყენოთ ის ყველა გვერდის ნაგულისხმევად.
- განაახლეთ თქვენი ქეში და თქვენი სკრიპტი ცოცხალია!
გადახედეთ თქვენს Google Tag მენეჯერის ინტეგრაციას
Google Tag მენეჯერს აქვს ფანტასტიკური მექანიზმი ბრაუზერის მაგალითთან დასაკავშირებლად და ფაქტობრივად თქვენი კოდის შესამოწმებლად იმის დასადგენად, ხდება თუ არა ცვლადების სწორად გაგზავნა. ეს აუცილებელია, რადგან Google Analytics არ არის რეალურ დროში. თქვენ შეგიძლიათ შეამოწმოთ, გამოსცადოთ და გამოსცადოთ და მართლაც იმედგაცრუდეთ, რომ მონაცემები არ გამოჩნდება Google Analytics– ში, თუ ამას არ გააცნობიერებთ.
მე არ ვაპირებ გაკვეთილის გაკეთებას, თუ როგორ გადახედეთ და გამართეთ Google Tag მენეჯერი… მე ვივარაუდებ, რომ იცი. შემიძლია ჩემი ფორმა წარვადგინო ჩემს დაკავშირებულ სატესტო გვერდზე და ვნახო მონაცემები GTM მონაცემებზე, როგორც საჭიროა:
ამ შემთხვევაში, კატეგორია იყო მკაცრად კოდირებული როგორც ფორმა, სამიზნე იყო კონტაქტის ფორმა და ეტიკეტი არის წარდგენა.
Google Tag Manager– ში დააყენეთ მონაცემთა ცვლადები, ღონისძიება, ტრიგერი და ტეგი
ბოლო ნაბიჯი არის Google Tag მენეჯერის დაყენება, რათა დაიცვა ეს ცვლადები და გაგზავნოს ისინი Google Analytics Tag ღონისძიებისთვის. ელად ლევი ამ ნაბიჯებს დეტალურად აღწერს თავის სხვა პოსტში - ზოგადი მოვლენების თვალყურის დევნება Google Tag მენეჯერში.
მათი დაყენების შემდეგ თქვენ გექნებათ საშუალება ნახოთ მოვლენები Google Analytics– ში!
გამჟღავნება: მე ვიყენებ პარტნიორულ კავშირებს ამ სტატიის განმავლობაში.