javascript - 如何创建单击按钮后打开的 Mailchimp 弹出注册表单

Question

我想在单击我的 html 页面时创建 mailchimp 订户弹出注册表单。 Mailchimp 给了我这个代码

<script type="text/javascript" src="//s3.amazonaws.com/downloads.mailchimp.com/js/signup-forms/popup/embed.js" data-dojo-config="usePlainJson: true, isDebug: false"></script>

<script type="text/javascript">require(["mojo/signup-forms/Loader"], function(L) { L.start({"baseUrl":"mc.us13.list-manage.com","uuid":"e351f22c3447f6f906c454785","lid":"fcf6799444"}) })</script>

它不起作用，我不知道它是如何工作的，请有人解决这个问题

在 html 页面中放置此代码的位置我想将其放在我网站的按钮上，当有人单击它时，将显示注册弹出表单。

Answer 1

给你的按钮一个ID，例如:

<button class="button" id="subscribe_me_button">Subscribe</button>

然后粘贴您的脚本，我对其进行了修改，使其仅在单击 subscribe_me_button 时显示。问题是，弹出代码被设计为在您第一次加载页面时弹出，然后消失。它存储 cookie，以便弹出窗口不会打扰网站用户。但是，您只希望它在用户单击按钮时显示。解决这个问题的一种方法是每次用户单击按钮时删除 cookie，我也将其包含在代码中。

<script type="text/javascript">
$(document).ready(function() {
  $('#subscribe_me_button').click(function() {
  document.cookie = "MCEvilPopupClosed" + '=; expires=Thu, 01 Jan 1970 00:00:01 GMT;';
require(["mojo/signup-forms/Loader"], function(L) { L.start({"baseUrl":"mc.us13.list-manage.com","uuid":"e351f22c3447f6f906c454785","lid":"fcf6799444"}) })
});
});
</script>