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

      • 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

      • The Grid is here!

        Hey Zoho Forms Community! 👋 We’re thrilled to announce the launch of a feature that’s been on your wishlist for a while: Grids What is Grids? Grids let you place form fields side by side in multiple columns to create a more concise and organized form

      • New integration: Zoho Books + Zoho Forms

        Hello Zoho Forms community! We are thrilled to announce the addition of another integration that brings speed and efficiency to your financial workflows. Zoho Forms can now be integrated with Zoho Books! Here’s a quick rundown on Zoho Books! For anyone