Geolocation 例如，AMP是否存在故障'；基于地理位置的同意流？
Hi Stack Overflow社区 我正在使用以下基于地理位置的同意流： 问题在于，基于地理位置的同意信息同时显示在美国和欧盟的浏览器上，而不仅仅显示在欧盟的浏览器上 当我将自定义国家代码附加到示例中时 欧盟： 非欧盟国家： 我仍然在这两个例子中看到同意信息。然而，文件说： 在本示例中，我们将构建一个同意对话框，该对话框将仅为来自欧盟的用户显示。 同样，当我在自己的网站上添加基于地理位置的同意流时，我也遇到了同样的问题： 欧盟： 非欧盟国家： 以下是AMP HTML：Geolocation 例如，AMP是否存在故障'；基于地理位置的同意流？,geolocation,amp-html,Geolocation,Amp Html,Hi Stack Overflow社区 我正在使用以下基于地理位置的同意流： 问题在于，基于地理位置的同意信息同时显示在美国和欧盟的浏览器上，而不仅仅显示在欧盟的浏览器上 当我将自定义国家代码附加到示例中时 欧盟： 非欧盟国家： 我仍然在这两个例子中看到同意信息。然而，文件说： 在本示例中，我们将构建一个同意对话框，该对话框将仅为来自欧盟的用户显示。 同样，当我在自己的网站上添加基于地理位置的同意流时，我也遇到了同样的问题： 欧盟： 非欧盟国家： 以下是AMP HTML： <!doctyp
<!doctype html>
<html ⚡>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,minimum-
scale=1,initial-scale=1">
<script async src="https://cdn.ampproject.org/v0.js"></script>
<title>My Consent Form</title>
<link rel="canonical" href="https://example.com/items/55555" />
<script async custom-element="amp-consent"
src="https://cdn.ampproject.org/v0/amp-consent-0.1.js"></script>
<script async custom-element="amp-geo"
src="https://cdn.ampproject.org/v0/amp-geo-0.1.js"></script>
<link href="https://fonts.googleapis.com/cssfamily=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Patua+One" rel="stylesheet">
<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
<style amp-custom>
.ampstart-btn,.ampstart-btn:visited{color:#DFE4E4}.ampstart-btn{font-family:'Roboto',sans-serif;font-weight:500;font-size:1rem;line-height:1.4;padding:.7em .8em;text-decoration:none;white-space:nowrap;word-wrap:normal;vertical-align:middle;cursor:pointer;background-color:#7e50bb;border:1px solid #8c62c2}.ampstart-btn:active .ampstart-btn:focus{opacity:.8}.ampstart-btn[disabled],.ampstart-btn[disabled]:active,.ampstart-btn[disabled]:focus,.ampstart-btn[disabled]:hover{opacity:.5;outline:0;cursor:default}.ampstart-btn-reject{background-color:#bb5058;color:#fff;border:1px solid #bb5058}.ampstart-btn-reject:visited{color:#fff}.ampstart-btn-accept{background-color:#8dbb50;color:#fff;border:1px solid #8dbb50}.ampstart-btn-accept:visited{color:#fff}.m1{margin:1rem}.consent-msg {font-family:'Roboto',sans-serif;font-weight:400;}.consent-headline {font-family: 'Patua One', cursive; font-size:36px;}.consentPopup{padding:20px;margin:0 auto;background:#F8F7D3;border-radius:5px;position:relative;max-width:700px;width:95%} .popupOverlay{height:100vh;width:100vw;background:F8F7D3;padding:5% 0}.dismiss-button{position:absolute;right:24px;top:16px;cursor:pointer} .amp-caps {text-transform: uppercase;letter-spacing: 0}.popupOverlay p{ color: #333333; padding:15px; }.mx1 {margin-left: 0rem}.mx1{margin-right: 0rem}
</style>
</head>
<body>
<amp-geo layout="nodisplay">
<script type="application/json">
{
"ISOCountryGroups": {
"eu": ["al", "ad", "am", "at", "by", "be", "ba", "bg", "ch",
"cy", "cz", "de", "dk", "ee", "es", "fo", "fi", "fr", "gb",
"ge", "gi", "gr", "hu", "hr", "ie", "is", "it", "lt", "lu",
"lv", "mc", "mk", "mt", "no", "nl", "po", "pt", "ro", "ru",
"se", "si", "sk", "sm", "tr", "ua", "uk", "va"]
}
}
</script>
</amp-geo>
<amp-consent id="myUserConsent"
layout="nodisplay">
<script type="application/json">
{
"consents": {
"eu": {
"promptIfUnknownForGeoGroup": "eu",
"promptUI": "myConsentFlow"
}
},
"postPromptUI": "post-consent-ui"
}
</script>
<div id="myConsentFlow"
class="popupOverlay">
<div class="consentPopup">
<div class="dismiss-button"
role="button"
tabindex="0"
on="tap:myUserConsent.dismiss">X</div>
<div class="h3 option-font m1 consent-headline">Please choose an option.</div>
<p class="m1 consent-msg">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. <a href="https://example.com/privacy-policy-amp.pdf">Learn more</a>.
</p>
<button on="tap:myUserConsent.accept"
class="ampstart-btn ampstart-btn-accept amp-caps mx1">I accept
cookies</button>
<button on="tap:myUserConsent.reject"
class="ampstart-btn ampstart-btn-reject amp-caps">I refuse
cookies
</button>
</div>
</div>
<div id="post-consent-ui">
<button on="tap:myUserConsent.prompt()"
class="ampstart-btn amp-caps m1">Manage my cookie settings</button>
</div>
</amp-consent>
</body>
</html>
我的同意书
body{-webkit动画：-amp start 8s steps（1，end）0s1 normal tweet；-moz动画：-amp start 8s steps（1，end）0s1 normal tweet；-ms动画：-amp start 8s steps（1，end）0s1 normal tweet}@-webkit关键帧-amp start{从{可见性：隐藏}到{可见性：可见}}@-moz关键帧-amp start{from{可见性：隐藏}
.ampstart btn.ampstart btn:visited{color:#DFE4E4}.ampstart btn{font family:'Roboto'，无衬线；字体大小：500；字体大小：1rem；线条高度：1.4；填充：.7em.8em；文本装饰：无；空白：nowrap；换行：正常；垂直对齐：中间；光标：指针；背景颜色：7e50bb；边框：1px实心#8c62c2}.ampstart btn:active.ampstart btn：活动。ampstart btn:focus{opacity:.8}.ampstart btn[disabled]，.ampstart btn[disabled]：active，.ampstart btn[disabled]：focus，.ampstart btn[disabled]：悬停{opacity:.5；outline:0；cursor:default}.ampstart btn拒绝{background color:#bb5058；color:#fff；border:1px solid#bb5058}.ampstart btn拒绝：已访问{color:#fff}.ampstart btn接受{背景色：#8dbb50；颜色：#fff；边框：1px实心#8dbb50}.ampstart btn接受：访问{颜色：#fff}.m1{边距：1rem}.同意消息{字体系列：'Roboto'，无衬线字体；字体重量：400；}.同意标题{字体系列：'Patua One'，草书；字体大小：36px；}.同意弹出窗口{padding:20px；margin:0 auto；background:F8F7D3；border radius:5px；position:relative；max width:700px；width:95%}.popupOverlay{height:100vh；width:100vw；background:F8F7D3；padding:5%0}.关闭按钮{position position:absolute；right:24px；top:16px；cursor:pointer}.amp caps{文本转换：大写；字母间距：0}.popupOverlay{颜色：#333333；填充：15px；}.mx1{左边距：0rem}.mx1{右边距：0rem}
.
我接受
饼干
我拒绝
饼干
管理我的cookie设置
我是否遇到AMP-by-Example基于地理位置的同意流的故障？还是其他问题？请提供任何建设性的输入。要使测试参数正常工作，您需要通过以下方式启用AMP-Dev通道：（第一个复选框）.您好，谢谢您提供的信息。我确实启用了AMP-Dev频道，我也经历了同样的事情。但是，我的印象是AMP-geo和AMP-approve不是实验性功能。对吗？我也在测试没有参数的页面。它们没有实验，这只是为了确保只测试链接在开发模式下工作。我刚刚验证了它，它可以按预期工作。如果您的情况不是这样，请在此处提交一份包含详细设置的错误报告：。