Amp html 如何在amp电子邮件中收集和存储动态数据?
我对amp很陌生。我无法理解amp电子邮件发件人将如何看到用户响应数据。例如,如果有一个表单,发件人将如何收集amp邮件收件人在表单中输入的数据,amp For Email与HTML电子邮件非常相似,只是它允许电子邮件发件人支持许多新功能。除了交互式元素之外,它还可以包含您在问题中提到的表单提交等功能 AMP的发件人需要有自己的后端系统来收集AMP电子邮件中提交的表单。例如,请参见以下实现:Amp html 如何在amp电子邮件中收集和存储动态数据?,amp-html,amp-email,Amp Html,Amp Email,我对amp很陌生。我无法理解amp电子邮件发件人将如何看到用户响应数据。例如,如果有一个表单,发件人将如何收集amp邮件收件人在表单中输入的数据,amp For Email与HTML电子邮件非常相似,只是它允许电子邮件发件人支持许多新功能。除了交互式元素之外,它还可以包含您在问题中提到的表单提交等功能 AMP的发件人需要有自己的后端系统来收集AMP电子邮件中提交的表单。例如,请参见以下实现: <!doctype html> <html ⚡4email> <head&
<!doctype html>
<html ⚡4email>
<head>
<meta charset="utf-8">
<script async src="https://cdn.ampproject.org/v0.js"></script>
<script async custom-element="amp-form" src="https://cdn.ampproject.org/v0/amp-form-0.1.js"></script>
<script async custom-template="amp-mustache" src="https://cdn.ampproject.org/v0/amp-mustache-0.2.js"></script>
<style amp4email-boilerplate>body{visibility:hidden}</style>
<style amp-custom>
h1 {
margin: 1rem;
}
</style>
</head>
<body>
<form method="post"
action-xhr="https://example.com/subscribe" target="_top">
<fieldset>
<label>
<span>Email:</span>
<input type="email"
name="email"
required>
</label>
<br>
<input type="submit"
value="Subscribe">
</fieldset>
<div submit-success>
<template type="amp-mustache">
Subscription successful!
</template>
</div>
<div submit-error>
<template type="amp-mustache">
Subscription failed!
</template>
</div>
</form>
</body>
</html>
正文{可见性:隐藏}
h1{
保证金:1rem;
}
电邮:
订阅成功!
订阅失败!
上面的代码由一个基本的AMP电子邮件组成,其表单允许用户使用其电子邮件进行订阅。当用户提交表单时,使用POST
方法将电子邮件id发送到form
标记的action xhr
属性中给出的URL
如果操作成功,将显示
提交成功
块。或者显示提交错误
块。实现非常简单和直接。为了更好地理解这一点,您可以查看一下 你能澄清你到底在问什么吗?