[Unblock Health] Add Google Recapthca to register and contact form

netspective · Aug 23, 2024 · f76a902 · f76a902
1 parent 639a7bc
commit f76a902
Show file tree

Hide file tree

Showing 5 changed files with 286 additions and 252 deletions.
diff --git a/config.toml b/config.toml
@@ -19,6 +19,8 @@ unsafe                            = true
     Description  = "The first-in-class comprehensive digital healthcare suite of patient advocacy tools for patients and consumers who are determined to be empowered in their health care journey. Unblock Health is revolutionizing patient autonomy and healthcare consumerism."
     logotitle ="Comprehensive Healthcare Suite of Patient Advocacy Services designed for Patients and Consumers - Unblock Health"
     footersectionaboutcontent ="Unblock Health rejects traditional barriers to patient health information. We empower patients to play an active role in their care and help HIM professionals deliver a positive experience."
+    recaptchasitekey ="6LcEYS0qAAAAACChUxV8_ayeIPJ9hXvJmfmn3ivT"
+    recaptchaurl = "https://www.google.com/recaptcha/api.js"
     # Navigation
     [params.navigation]
         logo = "images/logo.png"

diff --git a/layouts/partials/footer-new.html b/layouts/partials/footer-new.html
@@ -178,8 +178,9 @@ <h3 class="slds-text-heading_medium medium" style="font-size: 24px; font-weight:
                       <textarea name="Message" id="quickmessage" placeholder="Message*" class="slds-input slds-p-vertical_x-small" style="min-height:138px;" required></textarea>
                     </div>
                     <input type="hidden" name="_subject" value="[UnBlock Health] - Contact Form Submission" />
-                    <button id="contact-submit"  class="slds-button slds-button_brand slds-button_stretch slds-p-vertical_small slds-p-horizontal_medium slds-color__text_gray-1">
+                    <button id="contact-submit"  class="g-recaptcha slds-button slds-button_brand slds-button_stretch slds-p-vertical_small slds-p-horizontal_medium slds-color__text_gray-1" data-sitekey="{{ .context.Site.Params.recaptchasitekey}}"  data-callback="verifyCallback0"  data-size="invisible">
                       <span class="slds-text-body_small slds-text-title_caps slds-color__text_gray-1"><b>Send</b></span></button>
+                      <div class="slds-form-element__control slds-m-bottom_medium slds-text-body_small slds-text-align_center slds-m-top_medium">This site is protected by reCAPTCHA and the Google <a href="https://policies.google.com/privacy" target="_blank" class="text-blue-600" style="color: #aac1eb;">Privacy Policy</a> and <a href="https://policies.google.com/terms" target="_blank" class="text-blue-600" style="color: #aac1eb;">Terms of Service</a> apply.</div>
                   </div>
                   </form>
                   <div id="successfooter" style="display:none;">

diff --git a/layouts/partials/header.html b/layouts/partials/header.html
@@ -77,6 +77,7 @@
     })(window,document,'script','dataLayer','GTM-KXR6XQ6');</script>
     <!-- End Google Tag Manager -->
  {{/*  <script type="text/javascript" src="//script.crazyegg.com/pages/scripts/0092/8173.js" async="async"></script>  */}}
+ <script src="{{.Site.Params.recaptchaurl}}" async defer></script>
 </head>
 
 <body id="body">

diff --git a/layouts/section/register.html b/layouts/section/register.html
@@ -42,9 +42,10 @@ <h3 style="font-size:24px; line-height:34px;">{{ . }}</h3>
             <input type="hidden" name="_regformsupportemail" id="_regformsupportemail" value={{.Site.Params.unblockHealthSupportEmail}} />  
             </div>
 
-          <button class="slds-button slds-button_stretch slds-button_brand slds-p-around_medium slds-color__text_gray-1 slds-m-bottom_small" id="contact-submit-live">
-            <span class="slds-text-heading_medium" style="font-size: 24px;text-transform:uppercase;"><b>Register</b></span></button>
+            <button class="g-recaptcha slds-button slds-button_stretch slds-button_brand slds-p-around_medium slds-color__text_gray-1 slds-m-bottom_small"  id="contact-submit-live" data-sitekey="{{.Site.Params.recaptchasitekey}}"  data-callback="verifyCallback2"  data-size="invisible">
+              <span class="slds-text-heading_medium" style="font-size: 24px;text-transform:uppercase;"><b>Register</b></span></button>
         </div>
+      <div class="slds-form-element__control slds-m-bottom_medium">This site is protected by reCAPTCHA <br> and the Google <a href="https://policies.google.com/privacy" target="_blank" class=" text-blue-600">Privacy Policy</a> and <a href="https://policies.google.com/terms" target="_blank" class=" text-blue-600">Terms of Service</a> apply.</div>
 	 </form>
    <div id="success" style="display:none;">