Protect an Email Address with reCAPTCHA-Templates and CMS - Carnegie Mellon University

reCAPTCHA: Protect an Email Address

When you display an email address directly on a site, you are exposing it to potential spammers that use automated programs to collect email addresses throughout the Internet. Google's reCAPTCHA Mailhide service allows you to protect an email address by requiring a user to pass a visual test before the full email address is provided.

Example: cms-...@andrew.cmu.edu

Instructions:

  1. Go to https://www.google.com/recaptcha/admin#mailhide
  2. You will be asked to log in with a Google account; you may use any Google account to generate a reCAPTCHA, or open a new one for your department (be sure to share login credentials with other members of your department).
  3. Under the Protect an email address section, enter the email address in the empty field and click on the Protect It! button.
  4. On the next page under HTML Code, select and copy (Ctrl/Cmd + c) the HTML provided.
  5. In the CMS, edit the page in which you'd like to add the email address. Place your cursor in the appropriate content area and click on the Insert/Edit Embedded Media button.

    Insert Media
  6. In the Insert/Edit Embedded Media pop-up window, select the Embed code tab and paste (Ctrl/Cmd + v) the snippet of HTML coding and click Insert.

    Insert Embed Code
  7. Click Submit to save. The partially hidden email address should now appear on your page.