Bạn nên sử dụng mã phía máy chủ để bảo mật tài khoản MailChimp của mình.
Sau đây là phiên bản cập nhật của câu trả lời này sử dụng PHP :
Các tệp PHP được "bảo mật" trên máy chủ mà người dùng không bao giờ nhìn thấy chúng nhưng jQuery vẫn có thể truy cập và sử dụng.
1) Tải xuống ví dụ jQuery PHP 5 tại đây ...
http://apidocs.mailchimp.com/downloads/mcapi-simple-subscribe-jquery.zip
Nếu bạn chỉ có PHP 4, chỉ cần tải xuống phiên bản 1.2 của MCAPI và thay thế MCAPI.class.phptệp tương ứng ở trên.
http://apidocs.mailchimp.com/downloads/mailchimp-api-class-1-2.zip
2) Làm theo hướng dẫn trong tệp Readme bằng cách thêm khóa API và ID danh sách của bạn vào store-address.phptệp tại các vị trí thích hợp.
3) Bạn cũng có thể muốn thu thập tên người dùng và / hoặc thông tin khác. Bạn phải thêm một mảng vào store-address.phptệp bằng các Biến Hợp nhất tương ứng.
Đây là store-address.phptệp của tôi trông như thế nào, nơi tôi cũng thu thập tên, họ và loại email:
<?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) Tạo biểu mẫu HTML / CSS / jQuery của bạn. Nó không bắt buộc phải ở trên một trang PHP.
Đây là một cái gì đó giống như index.htmltệp của tôi trông như thế nào:
<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>
Các mảnh bắt buộc ...
index.html được xây dựng như trên hoặc tương tự. Với jQuery, sự xuất hiện và các tùy chọn là vô tận.
Tệp store-address.php được tải xuống dưới dạng một phần của các ví dụ PHP trên trang Mailchimp và được sửa đổi bằng API KEY và ID LIST của bạn . Bạn cần thêm các trường tùy chọn khác của mình vào mảng.
Tệp MCAPI.class.php tải xuống từ trang Mailchimp (phiên bản 1.3 cho PHP 5 hoặc phiên bản 1.2 cho PHP 4). Đặt nó trong cùng thư mục với store-address.php của bạn hoặc bạn phải cập nhật đường dẫn url trong store-address.php để nó có thể tìm thấy nó.