JQuery ಬಳಸಿಕೊಂಡು Google Analytics ಈವೆಂಟ್ಗಳಲ್ಲಿ ಎಲಿಮೆಂಟರ್ ಫಾರ್ಮ್ ಸಲ್ಲಿಕೆಗಳನ್ನು ಟ್ರ್ಯಾಕ್ ಮಾಡುವುದು ಹೇಗೆ
ನಾನು ಕಳೆದ ಕೆಲವು ವಾರಗಳಿಂದ ಕ್ಲೈಂಟ್ ವರ್ಡ್ಪ್ರೆಸ್ ಸೈಟ್ನಲ್ಲಿ ಕೆಲಸ ಮಾಡುತ್ತಿದ್ದೇನೆ ಅದು ಕೆಲವು ಸಂಕೀರ್ಣತೆಗಳನ್ನು ಹೊಂದಿದೆ. ಅವರು ಬಳಸುತ್ತಿದ್ದಾರೆ ವರ್ಡ್ಪ್ರೆಸ್ ಒಂದು ಏಕೀಕರಣದೊಂದಿಗೆ ಸಕ್ರಿಯ ಕ್ಯಾಂಪೇನ್ ಪಾತ್ರಗಳನ್ನು ಪೋಷಿಸಲು ಮತ್ತು ಎ ಜಾಪಿಯರ್ ಗೆ ಏಕೀಕರಣ End ೆಂಡೆಸ್ಕ್ ಮಾರಾಟ ಮೂಲಕ ಎಲಿಮೆಂಟರ್ ಫಾರ್ಮ್ಗಳು. ಇದು ಒಂದು ಉತ್ತಮ ವ್ಯವಸ್ಥೆಯಾಗಿದೆ ... ಮಾಹಿತಿಯನ್ನು ವಿನಂತಿಸುವ ಜನರಿಗೆ ಹನಿ ಅಭಿಯಾನಗಳನ್ನು ಪ್ರಾರಂಭಿಸುವುದು ಮತ್ತು ವಿನಂತಿಸಿದಾಗ ಸೂಕ್ತ ಮಾರಾಟ ಪ್ರತಿನಿಧಿಗೆ ಮುನ್ನಡೆ ತರುವುದು. ಎಲಿಮೆಂಟರ್ನ ರೂಪದ ನಮ್ಯತೆ ಮತ್ತು ನೋಟ ಮತ್ತು ಭಾವನೆಯಿಂದ ನಾನು ನಿಜವಾಗಿಯೂ ಪ್ರಭಾವಿತನಾಗಿದ್ದೇನೆ.
ಕೊನೆಯ ಹಂತವು ಕ್ಲೈಂಟ್ಗಾಗಿ ವಿಶ್ಲೇಷಣಾ ಡ್ಯಾಶ್ಬೋರ್ಡ್ ಅನ್ನು ಗೂಗಲ್ ಅನಾಲಿಟಿಕ್ಸ್ ಮೂಲಕ ಒದಗಿಸುತ್ತಿದ್ದು ಅದು ಫಾರ್ಮ್ ಸಲ್ಲಿಕೆಗಳಲ್ಲಿ ತಿಂಗಳಿಗಿಂತ ಹೆಚ್ಚಿನ ಕಾರ್ಯಕ್ಷಮತೆಯನ್ನು ಒದಗಿಸುತ್ತದೆ. ಅವರು ಗೂಗಲ್ ಟ್ಯಾಗ್ ಮ್ಯಾನೇಜರ್ ಅನ್ನು ಇನ್ಸ್ಟಾಲ್ ಮಾಡಿದ್ದಾರೆ, ಹಾಗಾಗಿ ನಾವು ಈಗಾಗಲೇ ಇ-ಕಾಮರ್ಸ್ ವಹಿವಾಟು ಮತ್ತು ಸೈಟ್ನಲ್ಲಿ ಯೂಟ್ಯೂಬ್ ವೀಕ್ಷಣೆ ಚಟುವಟಿಕೆಗಳನ್ನು ಸೆರೆಹಿಡಿಯುತ್ತಿದ್ದೇವೆ.
ಎಲಿಮೆಂಟರ್ಗಾಗಿ ಯಶಸ್ವಿ ಫಾರ್ಮ್ ಸಲ್ಲಿಕೆಯನ್ನು ಸೆರೆಹಿಡಿಯಲು ನಾನು Google ಟ್ಯಾಗ್ ಮ್ಯಾನೇಜರ್ನಲ್ಲಿ DOM, ಟ್ರಿಗ್ಗರ್ಗಳು ಮತ್ತು ಈವೆಂಟ್ಗಳನ್ನು ಬಳಸಲು ಹಲವಾರು ಪ್ರಯತ್ನಗಳನ್ನು ಮಾಡಿದ್ದೇನೆ ಆದರೆ ಯಾವುದೇ ಅದೃಷ್ಟವನ್ನು ಹೊಂದಿರಲಿಲ್ಲ. ಪುಟವನ್ನು ಮೇಲ್ವಿಚಾರಣೆ ಮಾಡಲು ನಾನು ಹಲವಾರು ವಿಧಾನಗಳನ್ನು ಪರೀಕ್ಷಿಸಿದ್ದೇನೆ, AJAX ಮೂಲಕ ಪಾಪ್ಅಪ್ ಆಗುವ ಯಶಸ್ಸಿನ ಸಂದೇಶವನ್ನು ನೋಡುತ್ತಿದ್ದೆ ಮತ್ತು ಅದು ಕೆಲಸ ಮಾಡುತ್ತಿಲ್ಲ. ಹಾಗಾಗಿ ... ನಾನು ಕೆಲವು ಹುಡುಕಾಟಗಳನ್ನು ಮಾಡಿದ್ದೇನೆ ಮತ್ತು ಟ್ರ್ಯಾಕಿಂಗ್ ಶೆಫ್ನಿಂದ ಉತ್ತಮ ಪರಿಹಾರವನ್ನು ಕಂಡುಕೊಂಡೆ, ಎಂದು ಜಿಟಿಎಂನೊಂದಿಗೆ ಬುಲೆಟ್ ಪ್ರೂಫ್ ಎಲಿಮೆಂಟರ್ ಫಾರ್ಮ್ ಟ್ರ್ಯಾಕಿಂಗ್.
ಸ್ಕ್ರಿಪ್ಟ್ ಬಳಸುತ್ತದೆ 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>
ಇದು ಬಹಳ ಚತುರವಾಗಿದೆ, ಯಶಸ್ವಿ ಸಲ್ಲಿಕೆಗಾಗಿ ನೋಡುತ್ತಿದೆ, ನಂತರ ಹಾದುಹೋಗುತ್ತದೆ ಫಾರ್ಮ್ ವರ್ಗವಾಗಿ, ದಿ ಗಮ್ಯಸ್ಥಾನದ ಹೆಸರು ಕ್ರಿಯೆಯಾಗಿ, ಮತ್ತು ಸಲ್ಲಿಕೆ ಲೇಬಲ್ ಆಗಿ. ಉದ್ದೇಶಿತ ಪ್ರೋಗ್ರಾಮ್ಯಾಟಿಕ್ ಮಾಡುವ ಮೂಲಕ, ಫಾರ್ಮ್ ಸಲ್ಲಿಕೆಯನ್ನು ಗಮನಿಸಲು ನೀವು ಪ್ರತಿ ಪುಟದ ಅಡಿಟಿಪ್ಪಣಿಯಲ್ಲಿ ಈ ಕೋಡ್ ಅನ್ನು ಹೊಂದಬಹುದು. ಆದ್ದರಿಂದ ... ನೀವು ಫಾರ್ಮ್ಗಳನ್ನು ಸೇರಿಸುವಾಗ ಅಥವಾ ಮಾರ್ಪಡಿಸುವಾಗ, ಸ್ಕ್ರಿಪ್ಟ್ ಅನ್ನು ನವೀಕರಿಸುವ ಅಥವಾ ಇನ್ನೊಂದು ಪುಟಕ್ಕೆ ಸೇರಿಸುವ ಬಗ್ಗೆ ನೀವು ಎಂದಿಗೂ ಚಿಂತಿಸಬೇಕಾಗಿಲ್ಲ.
ಎಲಿಮೆಂಟರ್ ಕಸ್ಟಮ್ ಕೋಡ್ ಮೂಲಕ ಸ್ಕ್ರಿಪ್ಟ್ ಅನ್ನು ಸ್ಥಾಪಿಸಿ
ನೀವು ಏಜೆನ್ಸಿಯಾಗಿದ್ದರೆ, ನಿಮ್ಮ ಎಲ್ಲ ಕ್ಲೈಂಟ್ಗಳಿಗೆ ಅನಿಯಮಿತ ಅಪ್ಗ್ರೇಡ್ ಮತ್ತು ಎಲಿಮೆಂಟರ್ ಬಳಸುವುದನ್ನು ನಾನು ಹೆಚ್ಚು ಶಿಫಾರಸು ಮಾಡುತ್ತೇನೆ. ಇದು ಒಂದು ಘನ ವೇದಿಕೆಯಾಗಿದೆ ಮತ್ತು ಪಾಲುದಾರರ ಏಕೀಕರಣಗಳ ಸಂಖ್ಯೆ ಗಗನಕ್ಕೇರುತ್ತಿದೆ. ಅದನ್ನು ಪ್ಲಗಿನ್ ನೊಂದಿಗೆ ಜೋಡಿಸಿ ಡಿಬಿ ಸಂಪರ್ಕ ಫಾರ್ಮ್ ಮತ್ತು ನಿಮ್ಮ ಎಲ್ಲಾ ನಮೂನೆ ಸಲ್ಲಿಕೆಗಳನ್ನು ಸಹ ನೀವು ಸಂಗ್ರಹಿಸಬಹುದು.
ಎಲಿಮೆಂಟರ್ ಪ್ರೊ ಉತ್ತಮವಾದ ಸ್ಕ್ರಿಪ್ಟ್ ನಿರ್ವಹಣಾ ಆಯ್ಕೆಯನ್ನು ನಿರ್ಮಿಸಲಾಗಿದೆ. ನಿಮ್ಮ ಕೋಡ್ ಅನ್ನು ನೀವು ಹೇಗೆ ನಮೂದಿಸಬಹುದು ಎಂಬುದು ಇಲ್ಲಿದೆ:
- ನ್ಯಾವಿಗೇಟ್ ಮಾಡಿ ಅಂಶ> ಕಸ್ಟಮ್ ಕೋಡ್
- ನಿಮ್ಮ ಕೋಡ್ ಹೆಸರಿಸಿ
- ಸ್ಥಳವನ್ನು ಹೊಂದಿಸಿ, ಈ ಸಂದರ್ಭದಲ್ಲಿ ಅಂತ್ಯ ದೇಹದ ಟ್ಯಾಗ್.
- ನೀವು ಸೇರಿಸಲು ಬಯಸುವ ಒಂದಕ್ಕಿಂತ ಹೆಚ್ಚು ಸ್ಕ್ರಿಪ್ಟ್ ಅನ್ನು ಹೊಂದಿದ್ದರೆ ಆದ್ಯತೆಯನ್ನು ಹೊಂದಿಸಿ ಮತ್ತು ಅವುಗಳ ಕ್ರಮವನ್ನು ಹೊಂದಿಸಿ.
- ಅಪ್ಡೇಟ್ ಕ್ಲಿಕ್ ಮಾಡಿ
- ನೀವು ಸ್ಥಿತಿಯನ್ನು ಹೊಂದಿಸಲು ಕೇಳಲಾಗುತ್ತದೆ ಮತ್ತು ಅದನ್ನು ಎಲ್ಲಾ ಪುಟಗಳ ಡೀಫಾಲ್ಟ್ ಆಗಿ ಹೊಂದಿಸಿ.
- ನಿಮ್ಮ ಸಂಗ್ರಹವನ್ನು ರಿಫ್ರೆಶ್ ಮಾಡಿ ಮತ್ತು ನಿಮ್ಮ ಸ್ಕ್ರಿಪ್ಟ್ ಲೈವ್ ಆಗಿದೆ!
ನಿಮ್ಮ Google ಟ್ಯಾಗ್ ಮ್ಯಾನೇಜರ್ ಇಂಟಿಗ್ರೇಷನ್ ಅನ್ನು ಪೂರ್ವವೀಕ್ಷಣೆ ಮಾಡಿ
ಗೂಗಲ್ ಟ್ಯಾಗ್ ಮ್ಯಾನೇಜರ್ ಒಂದು ಬ್ರೌಸರ್ ನಿದರ್ಶನಕ್ಕೆ ಸಂಪರ್ಕಿಸಲು ಅದ್ಭುತವಾದ ಕಾರ್ಯವಿಧಾನವನ್ನು ಹೊಂದಿದೆ ಮತ್ತು ಅಸ್ಥಿರಗಳನ್ನು ಸರಿಯಾಗಿ ಕಳುಹಿಸಲಾಗುತ್ತಿದೆಯೇ ಅಥವಾ ಇಲ್ಲವೇ ಎಂಬುದನ್ನು ಗಮನಿಸಲು ನಿಮ್ಮ ಕೋಡ್ ಅನ್ನು ಪರೀಕ್ಷಿಸುತ್ತದೆ. ಇದು ಅತ್ಯಗತ್ಯ ಏಕೆಂದರೆ ಗೂಗಲ್ ಅನಾಲಿಟಿಕ್ಸ್ ನೈಜ ಸಮಯವಲ್ಲ. ನೀವು ಇದನ್ನು ಅರಿತುಕೊಳ್ಳದಿದ್ದರೆ Google Analytics ನಲ್ಲಿ ಡೇಟಾ ತೋರಿಸುತ್ತಿಲ್ಲ ಎಂದು ನೀವು ಪರೀಕ್ಷಿಸಬಹುದು ಮತ್ತು ಪರೀಕ್ಷಿಸಬಹುದು ಮತ್ತು ಪರೀಕ್ಷಿಸಬಹುದು ಮತ್ತು ನಿಜವಾಗಿಯೂ ನಿರಾಶೆಗೊಳ್ಳಬಹುದು.
ಹೇಗೆ ಎಂದು ನಾನು ಇಲ್ಲಿ ಟ್ಯುಟೋರಿಯಲ್ ನೀಡಲು ಹೋಗುವುದಿಲ್ಲ ಪೂರ್ವವೀಕ್ಷಣೆ ಮತ್ತು ಡೀಬಗ್ ಗೂಗಲ್ ಟ್ಯಾಗ್ ಮ್ಯಾನೇಜರ್... ನಿಮಗೆ ತಿಳಿದಿದೆ ಎಂದು ನಾನು ಭಾವಿಸುತ್ತೇನೆ. ನಾನು ನನ್ನ ಫಾರ್ಮ್ ಅನ್ನು ನನ್ನ ಸಂಪರ್ಕಿತ ಪರೀಕ್ಷಾ ಪುಟದಲ್ಲಿ ಸಲ್ಲಿಸಬಹುದು ಮತ್ತು ಜಿಟಿಎಂ ಡೇಟಾಗೆ ತಳ್ಳಲ್ಪಟ್ಟಿರುವ ಡೇಟಾವನ್ನು ನೋಡಬೇಕು:
ಈ ಸಂದರ್ಭದಲ್ಲಿ, ವರ್ಗವು ಫಾರ್ಮ್ನಂತೆ ಹಾರ್ಡ್-ಕೋಡೆಡ್ ಆಗಿತ್ತು, ಗುರಿ ನಮ್ಮನ್ನು ಸಂಪರ್ಕಿಸಿ ಫಾರ್ಮ್ ಆಗಿತ್ತು, ಮತ್ತು ಲೇಬಲ್ ಅನ್ನು ಸಲ್ಲಿಸುವುದು.
ಗೂಗಲ್ ಟ್ಯಾಗ್ ಮ್ಯಾನೇಜರ್ ನಲ್ಲಿ ಡೇಟಾ ವೇರಿಯಬಲ್ಸ್, ಈವೆಂಟ್, ಟ್ರಿಗರ್ ಮತ್ತು ಟ್ಯಾಗ್ ಅನ್ನು ಹೊಂದಿಸಿ
ಇದರ ಕೊನೆಯ ಹಂತವೆಂದರೆ ಆ ವೇರಿಯೇಬಲ್ಗಳನ್ನು ಸೆರೆಹಿಡಿಯಲು ಮತ್ತು ಈವೆಂಟ್ಗಾಗಿ ಸ್ಥಾಪಿಸಲಾದ ಗೂಗಲ್ ಅನಾಲಿಟಿಕ್ಸ್ ಟ್ಯಾಗ್ಗೆ ಕಳುಹಿಸಲು ಗೂಗಲ್ ಟ್ಯಾಗ್ ಮ್ಯಾನೇಜರ್ ಅನ್ನು ಸ್ಥಾಪಿಸುವುದು. ಎಲಾಡ್ ಲೆವಿ ತನ್ನ ಇತರ ಪೋಸ್ಟ್ನಲ್ಲಿ ಈ ಹಂತಗಳನ್ನು ವಿವರಿಸುತ್ತಾನೆ - ಗೂಗಲ್ ಟ್ಯಾಗ್ ಮ್ಯಾನೇಜರ್ನಲ್ಲಿ ಸಾಮಾನ್ಯ ಈವೆಂಟ್ ಟ್ರ್ಯಾಕಿಂಗ್.
ಒಮ್ಮೆ ಅವುಗಳನ್ನು ಸ್ಥಾಪಿಸಿದ ನಂತರ, ನೀವು Google Analytics ನಲ್ಲಿ ಈವೆಂಟ್ಗಳನ್ನು ನೋಡಲು ಸಾಧ್ಯವಾಗುತ್ತದೆ!
ಪ್ರಕಟಣೆ: ನಾನು ಈ ಲೇಖನದ ಉದ್ದಕ್ಕೂ ನನ್ನ ಅಂಗಸಂಸ್ಥೆ ಲಿಂಕ್ಗಳನ್ನು ಬಳಸುತ್ತಿದ್ದೇನೆ.