{"id":23209,"date":"2021-08-04T06:34:48","date_gmt":"2021-08-04T10:34:48","guid":{"rendered":"https:\/\/plumrocket.com\/docs\/?p=23209"},"modified":"2021-11-18T05:39:29","modified_gmt":"2021-11-18T10:39:29","slug":"how-to-add-google-recaptcha-to-magento-2-amp-pages","status":"publish","type":"post","link":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/integrations\/google-recaptcha","title":{"rendered":"How to Add Google reCAPTCHA to Magento 2 AMP Pages"},"content":{"rendered":"\n<p>In this article, you will learn how to integrate <a href=\"\/magento-amp\">Google reCAPTCHA into Magento 2 AMP plugin<\/a>. Please follow the steps below to configure it correctly.<\/p>\n\n\n\n<p>Google reCAPTCHA helps you protect your website from fraudulent activities, spam, and abuse. You can also enable it on the Newsletter subscription form to prevent spam submissions on AMP pages. Please note that for AMP pages, Google reCAPTCHA v3 is required. <\/p>\n\n\n\n<p>Please follow the guide below in order to create a Google reCAPTCHA Site Key and Secret Key for your AMP pages correctly. If you already use Google reCAPTCHA v3 for your website, skip to <a href=\"#how-to-find-google-recapthca-keys\">how to find the Site Key and Secret Key<\/a>.<\/p>\n\n\n\n<h2 id=\"h-how-to-generate-google-recaptcha-keys\">How to Generate Google reCAPTCHA Keys<\/h2>\n\n\n\n<div class=\"wp-block-group pr-notice pr-notice-info\"><div class=\"wp-block-group__inner-container\">\n<p class=\"pr-notice-title\">Step-by-step guide:<\/p>\n\n\n\n<p>Go to the <a href=\"https:\/\/www.google.com\/recaptcha\/admin\/create\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Google reCAPTCHA site<\/a> and sign in to your Google Account.<\/p>\n\n\n\n<ol><li><strong>Label<\/strong>: enter a label to easily identify your website later. <\/li><li><strong>reCAPTCHA type<\/strong>: choose a reCAPTCHA v3 type that is required for AMP pages.<\/li><li><strong>Domains<\/strong>: specify domains where you want to register reCAPTCHA.<\/li><li>Accept the reCAPTCHA terms of service&nbsp;to use reCAPTCHA for your site.&nbsp;<\/li><li>Click <strong>Submit<\/strong>. <\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"657\" src=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/create-google-reacaptcha-1.png\" alt=\"register google recaptcha 1.png \" class=\"wp-image-23212\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/create-google-reacaptcha-1.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/create-google-reacaptcha-1-300x163.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/create-google-reacaptcha-1-1024x558.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/create-google-reacaptcha-1-768x418.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group pr-notice pr-notice-info\"><div class=\"wp-block-group__inner-container\">\n<p class=\"pr-notice-title\">Step-by-step guide:<\/p>\n\n\n\n<ol><li>Copy the newly generated <strong id=\"google-recaptcha-site-key\">Site Key<\/strong> to paste in the Magento admin panel when integrating reCAPTCHA with your AMP pages.<\/li><li>Copy the newly generated <strong id=\"google-recaptcha-secret-key\">Secret Key<\/strong> to paste in the Magento admin panel when integrating reCAPTCHA with your AMP pages.<\/li><li>Click <strong>Go to Settings<\/strong> for more configurations.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"534\" src=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/create-google-reacaptcha-2.png\" alt=\"register google recaptcha 2.png\" class=\"wp-image-23213\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/create-google-reacaptcha-2.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/create-google-reacaptcha-2-300x133.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/create-google-reacaptcha-2-1024x453.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/create-google-reacaptcha-2-768x340.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group pr-notice pr-notice-info\"><div class=\"wp-block-group__inner-container\">\n<p class=\"pr-notice-title\">Step-by-step guide:<\/p>\n\n\n\n<ol><li>Check the <strong>Allow this key to work with AMP pages<\/strong> box in order for Google reCAPTCHA to work properly on your AMP pages. <\/li><li>Click <strong>Save<\/strong>.<\/li><\/ol>\n\n\n\n<p><\/p>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"489\" src=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/create-google-reacaptcha-3.png\" alt=\"register google recaptcha 3.png\" class=\"wp-image-23214\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/create-google-reacaptcha-3.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/create-google-reacaptcha-3-300x122.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/create-google-reacaptcha-3-1024x415.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/create-google-reacaptcha-3-768x311.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\n\n\n\n<h3 id=\"h-how-to-find-google-recapthca-keys\">How to Find Google reCAPTHCA Keys<\/h3>\n\n\n\n<p>If you already use Google reCAPTCHA v3 on your website, you can enable it on your AMP pages instead of generating new keys. Follow the steps below to find your Google reCAPTCHA keys and enable them on your AMP pages.<\/p>\n\n\n\n<div class=\"wp-block-group pr-notice pr-notice-info\"><div class=\"wp-block-group__inner-container\">\n<p class=\"pr-notice-title\">Step-by-step guide:<\/p>\n\n\n\n<ol><li>Go to the <a href=\"https:\/\/www.google.com\/recaptcha\/admin\/site\/467159867\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Admin Console<\/a> and select your site.<\/li><li>Go to settings by clicking the gear icon and check the <strong>Allow this key to work with AMP pages<\/strong> box in order to enable Google reCAPTCHA on your AMP pages. You can also find your reCAPTCHA Keys (Site key and Secret key) on this page.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"144\" src=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/create-google-reacaptcha-4.png\" alt=\"find google recaptcha keys.png\" class=\"wp-image-23217\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/create-google-reacaptcha-4.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/create-google-reacaptcha-4-300x36.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/create-google-reacaptcha-4-1024x122.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/create-google-reacaptcha-4-768x92.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\n\n\n\n<h2 id=\"h-how-to-integrate-google-recaptcha-with-magento-2-amp-extension\">How to Integrate Google reCAPTCHA With Magento 2 AMP Extension<\/h2>\n\n\n\n<p>In the main Magento menu, go to the <strong>Plumrocket<\/strong> -&gt; <strong>AMP<\/strong> -&gt; <strong>Configuration<\/strong>, and scroll down to <strong>Integrations<\/strong> -&gt; <strong>Google reCAPTCHA v3<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-group pr-notice pr-notice-info\"><div class=\"wp-block-group__inner-container\">\n<p class=\"pr-notice-title\">Step-by-step guide:<\/p>\n\n\n\n<ol><li><strong>Enable<\/strong>: set to <em>Yes<\/em> to enable Google reCAPTCHA on your AMP pages.<\/li><li><strong>Google API Website Key<\/strong>: insert your <a href=\"#google-recaptcha-site-key\">Google reCAPTCHA Site Key<\/a> in this field.<\/li><li><strong>Google API Secret Key<\/strong>: insert your <a href=\"#google-recaptcha-site-key\">Google reCAPTCHA Secret Key<\/a> in this field.<\/li><li><strong>Enable for Newsletter Subscription<\/strong>: set to&nbsp;<em>Yes<\/em>&nbsp;if you want to enable reCAPTCHA for the Newsletter Subscription form to prevent spam subscriptions.<\/li><li><strong>Enable for Product Review<\/strong>: set to <em>Yes<\/em> to enable reCAPTCHA for product review form to prevent spam submissions.<\/li><li>Click <strong>Save Config<\/strong> to apply settings.<\/li><\/ol>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1206\" height=\"500\" src=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-integrations-google-recaptcha-configuration.png\" alt=\"Google reCAPTCHA Configuration in Magento 2 AMP Extension\" class=\"wp-image-23887\" srcset=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-integrations-google-recaptcha-configuration.png 1206w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-integrations-google-recaptcha-configuration-300x124.png 300w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-integrations-google-recaptcha-configuration-1024x425.png 1024w, https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/magento-2-amp-extension-integrations-google-recaptcha-configuration-768x318.png 768w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/figure>\n\n\n\n<p>Google reCAPTCHA integration with the Magento 2 AMP extension is now completed.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this article, you will learn how to integrate Google reCAPTCHA into Magento 2 AMP plugin. Please follow the steps below to configure it correctly. Google reCAPTCHA helps you protect your website from fraudulent activities, spam, and abuse. You can also enable it on the Newsletter subscription form to prevent spam submissions on AMP pages. &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/integrations\/google-recaptcha\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;How to Add Google reCAPTCHA to Magento 2 AMP Pages&#8221;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"_mi_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0},"categories":[327],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v17.2 (Yoast SEO v17.2) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Add Google reCAPTCHA to Magento 2 AMP Pages - Plumrocket Documentation<\/title>\n<meta name=\"description\" content=\"In this article, you will learn how to integrate Google reCAPTCHA into Magento 2 AMP plugin. Please follow the steps below to configure it correctly.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/integrations\/google-recaptcha\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Add Google reCAPTCHA to Magento 2 AMP Pages\" \/>\n<meta property=\"og:description\" content=\"In this article, you will learn how to integrate Google reCAPTCHA into Magento 2 AMP plugin. Please follow the steps below to configure it correctly.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/integrations\/google-recaptcha\" \/>\n<meta property=\"og:site_name\" content=\"Plumrocket Documentation\" \/>\n<meta property=\"article:published_time\" content=\"2021-08-04T10:34:48+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-11-18T10:39:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/create-google-reacaptcha-1.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Plumrocket\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Add Google reCAPTCHA to Magento 2 AMP Pages - Plumrocket Documentation","description":"In this article, you will learn how to integrate Google reCAPTCHA into Magento 2 AMP plugin. Please follow the steps below to configure it correctly.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/integrations\/google-recaptcha","og_locale":"en_US","og_type":"article","og_title":"How to Add Google reCAPTCHA to Magento 2 AMP Pages","og_description":"In this article, you will learn how to integrate Google reCAPTCHA into Magento 2 AMP plugin. Please follow the steps below to configure it correctly.","og_url":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/integrations\/google-recaptcha","og_site_name":"Plumrocket Documentation","article_published_time":"2021-08-04T10:34:48+00:00","article_modified_time":"2021-11-18T10:39:29+00:00","og_image":[{"url":"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/create-google-reacaptcha-1.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"Plumrocket","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/plumrocket.com\/docs\/#website","url":"https:\/\/plumrocket.com\/docs\/","name":"Plumrocket Documentation","description":"Extensions docs, troubleshootings etc.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/plumrocket.com\/docs\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/integrations\/google-recaptcha#primaryimage","inLanguage":"en-US","url":"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/create-google-reacaptcha-1.png","contentUrl":"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2021\/08\/create-google-reacaptcha-1.png","width":1206,"height":657},{"@type":"WebPage","@id":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/integrations\/google-recaptcha#webpage","url":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/integrations\/google-recaptcha","name":"How to Add Google reCAPTCHA to Magento 2 AMP Pages - Plumrocket Documentation","isPartOf":{"@id":"https:\/\/plumrocket.com\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/integrations\/google-recaptcha#primaryimage"},"datePublished":"2021-08-04T10:34:48+00:00","dateModified":"2021-11-18T10:39:29+00:00","author":{"@id":"https:\/\/plumrocket.com\/docs\/#\/schema\/person\/c96fccdb89342ae6804272265723eca8"},"description":"In this article, you will learn how to integrate Google reCAPTCHA into Magento 2 AMP plugin. Please follow the steps below to configure it correctly.","breadcrumb":{"@id":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/integrations\/google-recaptcha#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/integrations\/google-recaptcha"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/integrations\/google-recaptcha#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Magento 2 Extensions","item":"https:\/\/plumrocket.com\/magento-extensions"},{"@type":"ListItem","position":2,"name":"Magento 2 AMP","item":"https:\/\/plumrocket.com\/magento-amp"},{"@type":"ListItem","position":3,"name":"Documentation","item":"https:\/\/plumrocket.com\/docs\/magento-amp"},{"@type":"ListItem","position":4,"name":"v3","item":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3"},{"@type":"ListItem","position":5,"name":"Integrations","item":"https:\/\/plumrocket.com\/docs\/magento-amp\/v3\/integrations"},{"@type":"ListItem","position":6,"name":"How to Add Google reCAPTCHA to Magento 2 AMP Pages"}]},{"@type":"Person","@id":"https:\/\/plumrocket.com\/docs\/#\/schema\/person\/c96fccdb89342ae6804272265723eca8","name":"Plumrocket","image":{"@type":"ImageObject","@id":"https:\/\/plumrocket.com\/docs\/#personlogo","inLanguage":"en-US","url":"https:\/\/secure.gravatar.com\/avatar\/10c44aa45aab391250913d982e552e53?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/10c44aa45aab391250913d982e552e53?s=96&d=mm&r=g","caption":"Plumrocket"}}]}},"_links":{"self":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/23209"}],"collection":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/comments?post=23209"}],"version-history":[{"count":12,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/23209\/revisions"}],"predecessor-version":[{"id":25113,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/23209\/revisions\/25113"}],"wp:attachment":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/media?parent=23209"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/categories?post=23209"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/tags?post=23209"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}