时间戳

首页 > 解决方案 > 实施 amp-consent 的问题

amp-html - 实施 amp-consent 的问题

问题描述

我已经实现了基本同意流程的示例。但是，即使用户选择退出，用户仍会被跟踪并且广告仍会显示。

我有一个有效的 cookie 通知<amp-notification>，但现在我喜欢放置广告，我需要一个同意机制。退出没有任何影响。广告仍然显示并且访问者仍然被跟踪。

这是来自<body>. 我认为我在该<head>部分没有任何问题：

<amp-consent id="myUserConsent" layout="nodisplay">
    <script type="application/json">{
      "consents": {
            "consent1": {
              "checkConsentHref": "https://preview.amp.dev/documentation/examples/api/get-consent",
              "promptUI": "consentDialog"
            }
          },
          "postPromptUI": "post-consent-ui"
        }</script>
    <div class="popupOverlay" id="consentDialog">
      <div class="consentPopup">
        <div class="dismiss-button" role="button" tabindex="0" on="tap:myUserConsent.dismiss">X</div>
        <h2>Cookie Notice</h2>
        <p> Wir nutzen auf unserer Website Cookies und andere Technologien, um zu analysieren wie Sie unsere Webseite nutzen, Inhalte zu personalisieren und Werbung zu schalten. Durch die weitere Nutzung erklären Sie, dass Sie mit der Nutzung von Cookies einverstanden sind. Beachten Sie bitte, dass dieser Hinweis und die Einstellungen nur für die AMP Version unserer Seite gelten. Auf der regulären Website treffen Sie die Auswahl über den Cookiebot. Weitere Informationen erhalten Sie in unserer <a href=https://www.xxxx.de/datenschutzerklaerung>Datenschutzerkärung</a> und im <a href=https://www.xxxx.de/impressum/amp>Impressum.</a></p>
        <button on="tap:myUserConsent.accept">OK</button>
        <button on="tap:myUserConsent.reject">Ablehnen</button>
      </div>
    </div>
    <div id="post-consent-ui">
      <button on="tap:myUserConsent.prompt()">Zustimmung zu Cookies überarbeiten</button>
    </div>
  </amp-consent>

这是分析的部分：

<amp-analytics data-block-on-consent type="googleanalytics">
        <script type="application/json">
            {
                "vars": {
                    "account": "UA-xxxxxxxx-x"
                },
                "triggers": {
                    "trackPageview": {
                        "on": "visible",
                        "request": "pageview"
                    }
                }
            }
        </script>
    </amp-analytics>

这对于 AdSense：

<amp-ad data-block-on-consent width="100vw" height=320
     type="adsense"
     data-ad-client="ca-pub-xxxxxx"
     data-ad-slot="1046841879"
     data-auto-format="rspv"
     data-full-width>
  <div overflow></div>
</amp-ad>

到目前为止我没有错误。我使用 validator.ampproject.org 检查了该网站。

标签： amp-htmlamp-analyticsamp-ad

解决方案

推荐阅读