Question

我是这个AMP的新手。在网络中，我会遇到以下情况。

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

WEB中的实现逻辑

用户输入电子邮件地址后，我们将值存储在cookie中。
如果用户第二次基于Cookie值访问，我们将显示内容。

因此需要相同的逻辑来实现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页面中访问Cookie。但是，您可以使用amp-access组件在服务器端实现此行为。

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

AMP设置并获取Cookie值

1 个答案: