如何創建單擊按鈕后打開的 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>

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>

我一直在努力使用這個腳本來使它與按鈕一起工作。 有什么想法嗎？