Google AMP amp-access-laterpay

许多出版商希望在他们的网站上添加一个简单的支付基础设施平台，而 amp-access-laterpay 标签正是为此目的。它可以帮助发布者轻松地将支付平台集成到他们的网页上。它使用AMP Access和LaterPay来执行此操作。

设置：要使用 amp-access-laterpay 标签，您必须在 head 标签中添加某些脚本和样式。

• 首先，您必须导入amp-access组件。

• 此外，您必须导入amp-analytics 。

• 然后导入amp-access-laterpay组件。

• 最后添加指定供应商的配置，以及amp-access的供应商特定配置。

HTML

{
  "vendor": "laterpay",
  "laterpay": {
    "articleTitleSelector": ".preview > h3",
    "sandbox": true
  }
}

控制可见性：决定用户将看到什么以及他不会看到什么、他是否是有效用户以及如果不是那么应该显示什么消息是非常重要的。

要设置预览部分，请使用以下代码。此代码设置了一个对所有访问者可见的预览分区。

HTML

    
GeeksForGeeks
     

        GeeksforGeeks is a Computer
        Science portal for geeks. It
        contains well written, well
        thought and well explained
        computer science and programming
        articles, quizzes etc.
    
 

如果您想在用户尝试使用 FALSE 凭据输入时设置安全检查，请使用此代码。

如果你必须做一些样式，那么请使用下面提到的 id 和 class，因为它们是预定义的。

如果有任何类型的错误并且您想显示它，请使用下面提到的代码。

HTML

    Oops... Something broke. Please try Again!!

• 如果访问凭据正确，那么您可以使用此代码显示隐藏部分。如果该值评估为真，则显示该值。

HTML

    GeeksforGeeks is a Computer Science
    portal for geeks. It contains well
    written, well thought and well
    explained computer science and
    programming articles, quizzes etc.
 
    GeeksforGeeks is a Computer Science
    portal for geeks. It contains well
    written, well thought and well
    explained computer science and
    programming articles, quizzes etc.

例子：

HTML

 

    
    
 
    
 
    
    
     
    Google AMP amp-access-laterpay
 
    
    
    
 
    
    
    
 
    
    
    
 
    
    
    {
        "vendor": "laterpay",
        "laterpay": {
            "articleTitleSelector": ".preview > h3",
            "sandbox": true
        }
    }
    
 
    
        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
            }
        }
    
 
    
        
            body {
                -webkit-animation: none;
                -moz-animation: none;
                -ms-animation: none;
                animation: none
            }
        
    
 
    
        h1,
        h3 {
            color: green;
        }
        h1 {
            text-align: center;
        }
 
        p {
            color: red;
        }
    

 

    
        Geeks For Geeks
    
 
    
    
        The Article
         

            GeeksforGeeks is a Computer
            Science portal for geeks. It
            contains well written, well
            thought and well explained
            computer science and programming
            articles, quizzes etc.
        
 
    
 
    
        
        
    
 
    
        Oops... Something broke.
    
 
    
        GeeksforGeeks is a Computer Science portal
        for geeks. It contains well  written, well
        thought and well explained computer science
        and programming articles, quizzes etc.
 
        GeeksforGeeks is a Computer Science portal
        for geeks. It contains well written, well
        thought and well explained computer science
        and programming articles, quizzes etc.
    

 

输出：

这是正在显示的预览内容……