あなたがすべきMailChimpアカウントを保護するには、サーバー側のコード使用があります。
以下は、PHPを使用するこの回答の更新バージョンです。
PHPファイルはサーバー上で「保護」されており、ユーザーには表示されませんが、jQueryは引き続きアクセスおよび使用できます。
1）PHP 5 jQueryの例をここからダウンロードしてください...
http://apidocs.mailchimp.com/downloads/mcapi-simple-subscribe-jquery.zip
PHP 4しかない場合は、MCAPIのバージョン1.2をダウンロードして、MCAPI.class.php上記の対応するファイルを置き換えます。
http://apidocs.mailchimp.com/downloads/mailchimp-api-class-1-2.zip
2）Readmeファイルの指示に従って、APIキーとリストIDを store-address.phpファイルの適切な場所に。
3）ユーザーの名前やその他の情報を収集することもできます。に配列を追加する必要がありますstore-address.php対応するマージ変数を使用ファイルにます。
これは私のstore-address.phpファイルがどのように見えるかで、私はまた、姓、名、および電子メールの種類を収集します。
<?php
function storeAddress(){
require_once('MCAPI.class.php'); // same directory as store-address.php
// grab an API Key from http://admin.mailchimp.com/account/api/
$api = new MCAPI('123456789-us2');
$merge_vars = Array(
'EMAIL' => $_GET['email'],
'FNAME' => $_GET['fname'],
'LNAME' => $_GET['lname']
);
// grab your List's Unique Id by going to http://admin.mailchimp.com/lists/
// Click the "settings" link for the list - the Unique Id is at the bottom of that page.
$list_id = "123456a";
if($api->listSubscribe($list_id, $_GET['email'], $merge_vars , $_GET['emailtype']) === true) {
// It worked!
return 'Success! Check your inbox or spam folder for a message containing a confirmation link.';
}else{
// An error ocurred, return error message
return '<b>Error:</b> ' . $api->errorMessage;
}
}
// If being called via ajax, autorun the function
if($_GET['ajax']){ echo storeAddress(); }
?>
4）HTML / CSS / jQueryフォームを作成します。PHPページ上にある必要はありません。
これは私のindex.htmlファイルがどのように見えるかのようなものです：
<form id="signup" action="index.html" method="get">
<input type="hidden" name="ajax" value="true" />
First Name: <input type="text" name="fname" id="fname" />
Last Name: <input type="text" name="lname" id="lname" />
email Address (required): <input type="email" name="email" id="email" />
HTML: <input type="radio" name="emailtype" value="html" checked="checked" />
Text: <input type="radio" name="emailtype" value="text" />
<input type="submit" id="SendButton" name="submit" value="Submit" />
</form>
<div id="message"></div>
<script src="jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#signup').submit(function() {
$("#message").html("<span class='error'>Adding your email address...</span>");
$.ajax({
url: 'inc/store-address.php', // proper url to your "store-address.php" file
data: $('#signup').serialize(),
success: function(msg) {
$('#message').html(msg);
}
});
return false;
});
});
</script>
必要なもの...
上記または類似の方法で作成されたindex.html。jQueryでは、外観とオプションは無限です。
MailchimpサイトでPHPの例の一部としてダウンロードされ、API KEYおよびLIST IDで変更されたstore-address.phpファイル。他のオプションのフィールドを配列に追加する必要があります。
MailchimpサイトからダウンロードされたMCAPI.class.phpファイル（PHP 5の場合はバージョン1.3、PHP 4の場合はバージョン1.2）。あなたと同じディレクトリに置きストアaddress.phpか、内部URLパス更新する必要がありますストアaddress.phpを、それはそれを見つけることができるようにします。