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を保存します。ただし、ユーザーがボタンをクリックしたときにのみ表示することができます。 これを回避する方法の1つは、ユーザーがボタンをクリックするたびに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>