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>

Answer 2

Mailchimp 似乎更改了代码。现在看起来像这样：

<script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/e63023b77db3b56b3e62da595/15923cff0d37456ec37d0f581.js");</script>

我一直在努力使用此脚本使其与按钮一起工作。有什么想法吗？

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

2 个答案: