AMP 设置和获取 cookie 值

Question

我是这个 AMP 的新手。在网络中，我有如下场景。

示例我有一个包含 100 段内容的页面...对于用户第一次访问仅显示 10 段内容的页面。然后将在输入表单中询问用户电子邮件地址。用户提供电子邮件地址后，将显示剩余的 90 段内容...同一用户第二次访问该页面，我们在不询问电子邮件的情况下显示内容。

WEB中的实现逻辑

1. 在用户输入电子邮件地址后，我们将值存储在 cookie 中。
2. 如果用户根据 cookie 值第二次访问我们会显示内容..

因此，实现 AMP 页面需要相同的逻辑。

我在 amp 和其他东西中设计表单，但努力设置 cookie 值..

下面我在WEB中使用的代码：

function setCookie(name,value,days) {
    var expires = "";
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days*24*60*60*1000));
        expires = "; expires=" + date.toUTCString();
    }
    document.cookie = name + "=" + (value || "")  + expires + "; path=/";
}

function getCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i=0;i < ca.length;i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
    }
    return null;
}

一旦用户输入电子邮件并提交表单

setCookie('article-page','email','XXXXX');

Answer 1

您不能直接从 AMP 网页中访问 c​​ookie。但是，您可以使用amp-access 组件在服务器端实现此行为。

您可以忽略 amp-access 提供的登录/注销功能。您唯一需要做的就是将response for the authorization endpoint 更改为返回true 或false，具体取决于用户是否提供了电子邮件地址。然后您可以根据这些信息adjust the content that is displayed on the page。