{"id":17611,"date":"2021-03-08T16:14:30","date_gmt":"2021-03-08T16:14:30","guid":{"rendered":"http:\/\/wiki2.plumserver.com\/?post_type=ht_kb&p=17611"},"modified":"2021-09-21T08:50:14","modified_gmt":"2021-09-21T12:50:14","slug":"amp-iframe-dns-errors","status":"publish","type":"post","link":"https:\/\/plumrocket.com\/docs\/magento-amp\/v2\/troubleshooting\/amp-iframe-dns-error","title":{"rendered":"AMP Iframe DNS Errors"},"content":{"rendered":"\n

<AMP-IFrame> DNS Error – \u201cDomain.com\u2019s server IP address could not be found.\u201d<\/h2>\n\n\n\n

Depending on your browser, users may see the following error message on Magento AMP product pages:<\/a> “Domain.com’s server IP address could not be found”<\/em><\/span> or this message: “Domain.com’s server DNS address could not be found. ERR_NAME_NOT_RESOLVED”.<\/em><\/span> But essentially, these are all the same error messages. Please see the screenshot below:<\/p>\n\n\n\n

\"Screen1<\/figure>\n\n\n\n

Issue Description<\/h2>\n\n\n\n

When this error occurs, the iframe contents are not displayed. The shopping cart button, along with custom options and configurable options, is missing.<\/p>\n\n\n\n

This issue happens due to your website DNS setup and AMP IFRAME limitations.\u00a0According to the official AMP.DEV documentation<\/a>,\u00a0\u201can amp-iframe must not be in the same origin as the container\u201d<\/em><\/span>, which means you cannot load both page content and iframe content from the same origin (e.g., domain name).<\/p>\n\n\n\n

Solution 1 (Recommended)<\/h2>\n\n\n\n

The recommended workaround is to load your AMP Iframe content from a different domain or a subdomain. In most cases, the easiest way to solve this issue is to load page content from the main domain and iframe content from the \u201cwww\u201d subdomain.<\/p>\n\n\n\n

Example 1:<\/strong><\/p>\n\n\n\n

If your main website domain is \u201cdomain.com\u201d, then your AMP Iframe must load from \u201cwww.domain.com\u201d<\/p>\n\n\n\n

Example 2:<\/strong><\/p>\n\n\n\n

If your main website domain is \u201cwww.domain.com\u201d, then your AMP Iframe must load from \u201cdomain.com\u201d<\/p>\n\n\n\n

This setup can be achieved by creating a CNAME DNS record in your hosting panel or DNS service provider.<\/p>\n\n\n\n

Step 1<\/h3>\n\n\n\n

Create CNAME DNS record as described above or contact your hosting provider if you need any help creating a new DNS record.<\/p>\n\n\n\n

Type<\/th>Name (Host)<\/th>Alias to (Value)<\/th>TTL<\/th><\/tr>
CNAME Record<\/td>www<\/td>domain.com<\/td>1800<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
* domain.com - is your Magento store domain name.<\/pre>\n\n\n\n
Depending on your DNS service provider, it may take from 1hr to 72 hours for DNS changes to be updated across the Internet.<\/p>\n\n\n\n
Step 2<\/h3>\n\n\n\n
Now once we have the CNAME record created, we can load the AMP Iframe from a different location than the main domain name. However, most websites have 301\/302 redirects created to forward traffic from domain.com => www.domain.com or from www.domain.com => to domain.com. Therefore, we must finetune your 301\/302 redirects to allow AMP-IFrame to load successfully.<\/p>\n\n\n\n
Our goal is to make sure that if the main website is accessible via the link:<\/p>\n\n\n\n
<\/div>
https:\/\/www.domain.com<\/code><\/pre><\/div>\n\n\n\n
then the AMP Iframe must be accessible on the non-www domain without a redirect, for example:<\/p>\n\n\n\n
<\/div>
https:\/\/domain.com\/ampiframe.php<\/code><\/pre><\/div>\n\n\n\n
And the other way around, if the main store URL is non-www, for example:  https:\/\/domain.com<\/em><\/span>, then AMP Iframe must be accessible without redirect on www subdomain, example: https:\/\/www.domain.com\/ampiframe.php<\/em><\/span><\/p>\n\n\n\n
We found two approaches that allow avoiding redirecting requests to the ampiframe.php file
<\/p>\n\n\n\n
\n
Option 1:<\/strong><\/p>\n\n\n\n
You must disable the 301\/302 webserver redirects from “non-www” to “www” or vice versa and enable the Magento 301\/302 redirects instead. This way\u00a0ampiframe.php<\/strong>\u00a0will be accessible without redirecting to the main website URL. Please follow this 3 step guide to\u00a0disable the Apache or Nginx 301\/302 redirects and enable Magento redirects instead<\/a><\/strong>.<\/p>\n\n\n\n

Option 2:<\/strong><\/p>\n\n\n\n
You can\u00a0exclude\u00a0ampiframe.php<\/strong>\u00a0from redirects<\/a><\/strong>\u00a0and keep your existing webserver 301\/302 redirects in place. This option requires minimum changes on your side and possibly the easiest if you know how to work with webserver redirects.<\/p>\n<\/div><\/div>\n\n\n\n
Solution 1 Summary<\/h3>\n\n\n\n
This solution is simple and works for most Magento stores. The majority of stores already have the “www” subdomain and 301 redirects enabled. If you do, you only need to make sure that the “ampiframe.php” is accessible via a direct link from a secondary location without a redirect, otherwise, you will be getting the DNS error message.<\/p>\n\n\n\n
Solution 2<\/h2>\n\n\n\n
If creating a CNAME record as explained in Solution 1<\/a><\/strong> is not an option for you, then you can try uploading ampiframe.php file on a different domain. This solution is described in the AMP Project Iframe Origin Policy documentation<\/a>:  \u201cOne can easily circumvent AMP’s not-same-origin-enforcement through redirects, since only the initial URL is tested.\u201d<\/em><\/span> However, this solution should be only used in rare cases and is not recommended for most stores. This solution is available for Magento AMP Extension v3.x<\/a> and later.<\/p>\n\n\n\n
Step 1<\/h3>\n\n\n\n
Upload your ampiframe.php<\/strong> file to any secondary domain or subdomain (different from your Magento Store domain name). For instance, if your Magento store domain is “domain.com”, then you could upload this file to:<\/p>\n\n\n\n
<\/div>
domain2.com\/ampiframe.php<\/code><\/pre><\/div>\n\n\n\n
Step 2<\/h3>\n\n\n\n
Go to your AMP Magento Extension configuration and\u00a0set the AMP Iframe path<\/a><\/strong>\u00a0field value to an absolute path of\u00a0ampiframe.php<\/strong>\u00a0on secondary domain or subdomain. Example:<\/p>\n\n\n\n
<\/div>
https:\/\/domain2.com\/ampiframe.php<\/code><\/pre><\/div>\n\n\n\n