Help with cookie code, utm variables are overwritten on every page load with new variables

Help with cookie code, utm variables are overwritten on every page load with new variables

Hi all,
My goal is to track the very first web page that a user visits, and store those utm values throughout all of the future visits until a lead form is submitted. 

That way, if a person is retargeted, I can still attribute the very first visit as the source of the customer.

Right now, I am using this code that is provided by the Forms tool:

  2. <script type="text/javascript"> 
  3. function ZFLead(){
  4. }
  5. ZFLead.utmPValObj = ZFLead.utmPValObj || {};

  7. ZFLead.utmPNameArr = new Array('utm_source','utm_medium','utm_campaign','utm_term','utm_content','utm_customVar1');

  9. ZFLead.prototype.zfutm_getLeadVal = function(pName){
  10. var qStr = '';
  11. try{
  12. qStr = window.top.location.search.substring(1);
  13. } catch (e){
  14. qStr = '';
  15. }
  16. var pNameTemp = pName + '=';
  17. var pValue = '';
  18. if ( typeof qStr !== "undefined" && qStr !== null && qStr.length > 0 ){
  19. var begin = qStr.indexOf(pNameTemp);
  20. if ( begin != -1 ){
  21. begin = begin + pNameTemp.length;
  22. end = qStr.indexOf( '&', begin );
  23. if ( end == -1 ){
  24. end = qStr.length;
  25. }
  26. pValue = decodeURIComponent(qStr.substring( begin, end ));
  27. }
  28. }
  29. if (pValue == undefined || pValue == ''){
  30. pValue = this.zfutm_gC(pName);
  31. }
  32. return pValue;
  33. };

  35. ZFLead.prototype.zfutm_sC = function( paramName,path,domain,secure ){
  36. var value = ZFLead.utmPValObj[paramName];
  37. if ( typeof value !== "undefined" && value !== null ){
  38. var cookieStr = paramName + "=" + encodeURIComponent( value );
  39. var exdate=new Date();
  40. exdate.setDate(exdate.getDate()+7);
  41. cookieStr += "; expires=" + exdate.toGMTString();
  42. cookieStr += "; path=/";
  43. if ( domain ) {
  44. cookieStr += "; domain=" + encodeURIComponent( domain );
  45. }
  46. if ( secure ) {
  47. cookieStr += "; secure";
  48. }
  49. document.cookie = cookieStr;
  50. }
  51. };

  53. ZFLead.prototype.zfutm_ini = function (){
  54. for (var i = 0; i < ZFLead.utmPNameArr.length ; i ++){
  55. var zf_pN = ZFLead.utmPNameArr[i];
  56. var zf_pV = this.zfutm_getLeadVal(zf_pN);
  57. if ( typeof zf_pV !== "undefined" && zf_pV !== null ) {
  58. ZFLead.utmPValObj[ zf_pN ] = zf_pV;
  59. }
  60. }
  61. for (var pkey in ZFLead.utmPValObj) {
  62. this.zfutm_sC(pkey);
  63. }
  64. };
  65. ZFLead.prototype.zfutm_gC = function( cookieName ){
  66. var cookieArr = document.cookie.split('; ');
  67. for ( var i = 0 ; i < cookieArr.length ; i ++ ){
  68. var cookieVals = cookieArr[i].split('=');
  69. if ( cookieVals[0] === cookieName && cookieVals[1] ) {
  70. return decodeURIComponent(cookieVals[1]);
  71. }
  72. }
  73. };
  74. ZFLead.prototype.zfutm_gC_enc = function( cookieName ){
  75. var cookieArr = document.cookie.split('; ');
  76. for ( var i = 0 ; i < cookieArr.length ; i ++ ){
  77. var cookieVals = cookieArr[i].split('=');
  78. if ( cookieVals[0] === cookieName && cookieVals[1] ) {
  79. return cookieVals[1];
  80. }
  81. }
  82. };
  83. ZFLead.prototype.zfutm_iframeSprt = function () {
  84. var zf_frame = document.getElementsByTagName("iframe");
  85. for(var i = 0; i < zf_frame.length; ++i){
  86. if((zf_frame[i].src).indexOf('formperma') > 0 ){
  87. var zf_src = zf_frame[i].src;
  88. for( var prmIdx = 0 ; prmIdx < ZFLead.utmPNameArr.length ; prmIdx ++ ) {
  89. var utmPm = ZFLead.utmPNameArr[ prmIdx ];
  90. var utmVal = this.zfutm_gC_enc( ZFLead.utmPNameArr[ prmIdx ] );
  91. if ( typeof utmVal !== "undefined" ) {
  92. if(zf_src.indexOf('?') > 0){
  93.                     zf_src = zf_src+'&'+utmPm+'='+utmVal;
  94. }else{
  95.     zf_src = zf_src+'?'+utmPm+'='+utmVal;
  96. }
  97. }
  98. }
  99. if ( zf_frame[i].src.length < zf_src.length ) {
  100. zf_frame[i].src = zf_src;
  101. }
  102. }
  103. }
  104. };
  105. ZFLead.prototype.zfutm_DHtmlSprt = function () {
  106. var zf_formsArr = document.forms;
  107. for ( var frmInd = 0 ; frmInd < zf_formsArr.length ; frmInd ++ ) {
  108. var zf_form_act = zf_formsArr[frmInd].action;
  109. if ( zf_form_act && zf_form_act.indexOf('formperma') > 0 ){
  110. for( var prmIdx = 0 ; prmIdx < ZFLead.utmPNameArr.length ; prmIdx ++ ) {
  111. var utmPm = ZFLead.utmPNameArr[ prmIdx ];
  112. var utmVal = this.zfutm_gC( ZFLead.utmPNameArr[ prmIdx ] );
  113. if ( typeof utmVal !== "undefined" ) {
  114. var fieldObj = zf_formsArr[frmInd][utmPm];
  115. if ( fieldObj ) {
  116. fieldObj.value = utmVal;
  117. }
  118. }
  119. }
  120. }
  121. }
  122. };
  123. ZFLead.prototype.zfutm_jsEmbedSprt = function ( id ) {
  124. document.getElementById('zforms_iframe_id').removeAttribute("onload"); 
  125. var jsEmbdFrm = document.getElementById("zforms_iframe_id");
  126. var embdSrc = jsEmbdFrm.src;
  127.     for( var prmIdx = 0 ; prmIdx < ZFLead.utmPNameArr.length ; prmIdx ++ ) {
  128. var utmPm = ZFLead.utmPNameArr[ prmIdx ];
  129. var utmVal = this.zfutm_gC_enc( ZFLead.utmPNameArr[ prmIdx ] );
  130. if ( typeof utmVal !== "undefined" ) {
  131. if(embdSrc.indexOf('?') > 0){
  132.             embdSrc = embdSrc+'&'+utmPm+'='+utmVal;
  133. }else{
  134.     embdSrc = embdSrc+'?'+utmPm+'='+utmVal;
  135. }
  136. }
  137. }
  138. jsEmbdFrm.src = embdSrc;
  139. };
  140. var zfutm_zfLead = new ZFLead();
  141. zfutm_zfLead.zfutm_ini();
  142. if( document.readyState == "complete" ){
  143.     zfutm_zfLead.zfutm_iframeSprt();
  144. zfutm_zfLead.zfutm_DHtmlSprt();
  145. } else {
  146.   window.addEventListener('load', function (){
  147.         zfutm_zfLead.zfutm_iframeSprt();
  148. zfutm_zfLead.zfutm_DHtmlSprt();
  149.   }, false);
  150. }
  151. </script>

I tested this code, and I noticed that if it overwrites the existing utm variables if the user follows a new link with new utm variables.

I don't know javascript very well.

I am thinking that the solution to this would be to add 5 "first visit" custom variables in the form

Check if "first visit" have values, if no update, current utm values to "first visit", if yes update the standard utm values as well.

Is this the right idea?







    • Sticky Posts

    • DKIM Now Mandatory - Changes to Zoho Forms Email Policies

      Hello Zoho Forms Users, This post is to inform you about an important update regarding the authentication of all email domains in your Zoho Forms account. This year, we are doubling down on our commitment to deliver a secure, seamless, and empowering

    • Cloudflare Turnstile is now available in Zoho Forms!

      Hello form builders! We have added a new layer of protection to help you keep your forms free from bots. Instead of forcing users to prove they are human, Cloudflare Turnstile quietly checks browser signals in the background. Your real users glide through,

    • This festive season, offer discounts with coupon code support in Stripe Checkout

      Hello form builders! It’s the festive season, the perfect time to spread joy and great deals! Now, with Zoho Forms’ latest enhancement for Stripe Checkout, you can do exactly that with coupon codes! Your payment forms integrated with Stripe Checkout can

    • New in Zoho Forms: Google reCAPTCHA v3 for smarter spam protection

      Hello form builders, Spam submissions are one of the biggest challenges when you share your forms online. They not only clutter your data but can also waste valuable time. To help you combat this without making life harder for genuine respondents, we’re

    • New in Zoho Forms: Inline OTP Verification

      Hello form builders, We are excited to announce the launch of Inline OTP Verification in Zoho Forms, a smarter way to ensure the authenticity of the contact details you collect. Until now, OTP Verification in Zoho Forms worked as a pre-access step: respondents