V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
Alice0T0
V2EX  ›  分享创造

使用 MailChimp 发送邮件 + 调取 API 开发落地页过程分享

  •  
  •   Alice0T0 · 2018-05-10 18:30:00 +08:00 · 6789 次点击
    这是一个创建于 2149 天前的主题,其中的信息可能已经有所发展或是发生改变。

    基于平时爱好关注各类技术社区及众多技术微信号,经常看到很多有用有意思的内容,朋友总是让分享出来,索性就抽空做了个邮件订阅页面( http://nextfe.com ),目前每周发一次,内容偏向于前端但不限于此范围,所以取名《新前端周刊 / New frontend Weekly 》。

    邮件推送使用到的服务商是功能强大的 MailChimp,良好的口碑以及一定量的免费额度,加上便捷的设计模版,并且推送后还有数据可以查询,非常适合初期订阅用户量不大的情况下使用。 ( MailChimp 免费阶段支持每月最多 2,000 位订阅者和 12,000 封电子邮件,具体收费价格可参考 https://mailchimp.com/pricing/

    下面分享下具体使用方法:

    • 登陆注册

    登陆官网: https://mailchimp.com/ ,点击「 Sign Up Free 」进行账号注册,设置完成后点击「 Get Started ! 」即可。(注意:注册时密码需要包含一大写、一小写、一个特殊符号、一个数字、至少 8 位)

    • 创建邮件模版

    我通常习惯先设置邮件模版内容,点击左上方「 Templates 」进入设置邮件模版页面,点击「 Greate Template 」创建模版,根据需要可对现成的模版进行修改调整,模版效果随时可预览检查,全部完成后可以进行测试发送。

    • 创建发送列表

    左上方「 List 」- 「 Greate List 」创建一个新的邮箱列表,「 Import contacts 」导入发送添加发送邮箱列表,列表支持 csv、xls、xlsx 等文件批量上传。

    建立 List name 列表名称(此部分仅展示给创建人)、发件地址(此处会展示在用户收件中,可以不是注册 Mailchimp 账号的邮箱) 、发件人名称,点击保存。

    每个步骤操作完点击「 Next 」或 「 Save 」往下继续走流程即可。

    • 创建发送项目

    「 Campaigns 」- 「 Greate Campaigns 」- 「 Greate an Email 」创建新的发送项目。

    创建内容名称(此部分仅限创建者可见)- 「 Begin 」保存完成。

    编辑邮件设置,「 To 」选择设置的需要推送的邮箱列表,「 From 」设置发送人名称以及邮箱,「 Subject 」此处设置发送邮件的标题以及引导语,「 Content 」- 「 Thems 」选择编辑好的邮件模版,进入模版编辑页确认无误保存关闭。

    全部设置完成后,,发送最后一次测试预览,检查后无问题点击 「 Send 」完成发送。

    • 数据分析

    「 Reports 」中可查看发送数据报告,「 List 」列表中还可以详细查询新增订阅数据、退订人数等。

    • 落地页开发

    此次还使用了 MailChimp 提供的 API 开发了落地页,主要接入邮件内容、调取逻辑及订阅功能。

    MailChimp 文档地址: https://developer.mailchimp.com/documentation/mailchimp/reference/campaigns/content/

    获取邮件的原型,调取 api /3.0/campaigns,查询条件设置为倒序 、状态已发布;获取邮件的内容,根据邮件的原型 id,调取 api /3.0// campaigns/${id}/content ;订阅栏功能,调取 api /lists/{list_id}/members .根据以上得到的内容,再进行解析即可获取想要的数据。

    最终落地页: http://nextfe.com

    以上就是自己使用 MailChimp 的流水账记录,希望给想了解的小伙伴一点参考,感兴趣的 V 友可以添加邮箱进行订阅,另外以上描述有误的地方也欢迎大佬留言指正。

    2 条回复    2018-05-11 09:40:46 +08:00
    Wichna
        1
    Wichna  
       2018-05-10 19:04:45 +08:00
    不错。请问楼主里面的几张封面图是自己设计的吗?还是有什么资源网站可以获取?
    Alice0T0
        2
    Alice0T0  
    OP
       2018-05-11 09:40:46 +08:00
    @Wichna 不是自己设计的,封面图一般来源是翻墙搜的一些插画还有一些可以免费使用摄影图片网站,这个网站里图使用的也比较多 https://gratisography.com/
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   1280 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 17:50 · PVG 01:50 · LAX 10:50 · JFK 13:50
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.