BPStudy#134 で話した内容です。 https://bpstudy.connpass.com/event/101239/

1. Twitter 広告と API を組み合わせた
インタラクティブなキャンペーン
@ToruFurukawa
#TechnicalProgramManager #BrandStrategy @TwitterJP

2. 広告と API でスケールさせる
Auto Response
Account Activity API
Tweets API
Chatbot
Account Activity API
Direct Message API
UI Extension
WebView
Web Intents

3. Auto Response

4. 「◯◯してくれたら△△します」
だけでは、インタラクティブではない
▼
Auto Response でカンバセーション

5. プロモツイートで
カンバセーションを促す
Home
4:12
Twitter @Twitter
We are committed to building trust and
encouraging healthy conversation on
Twitter.
Promoted
Tweet #Twitter
Twitter ServiceApp/Web 3rd-Party Service
GET
プロモツイート

6. Webhookで
イベントを受け取る
4:12
Tweet
@Twitter うぇ〜い
Twitter ServiceApp/Web 3rd-Party Service
GET
プロモツイート
@Twitter うぇ〜い
@Twitter うぇ〜い

7. メッセージを返信する
Twitter ServiceApp/Web 3rd-Party Service
GET
プロモツイート
@Twitter うぇ〜い
@Twitter うぇ〜い
POST
statuses/updatemention
Tweet
4:12
Tweet your reply
@ToruFurukawa Lorem ipsum dolor sit
amet, consectetur adipiscing elit, sed do
eiusmod tempor websitelink
Twitter @Twitter

8. Chatbot

9. 全部パブリックなのは、ちょっと……
▼
ダイレクトメッセージでチャットボット

10. カードで
ダイレクトメッセージに誘導
Home
4:12
Twitter @Twitter
Discover musicians to follow on Twitter.
We asked, and you Tweeted your top
artist recommendations. Who else should
we add?
Promoted
Message us now
Twitter ServiceApp/Web 3rd-Party Service
GET
プロモツイート

11. Webhook で受信
Twitter ServiceApp/Web 3rd-Party Service
GET
プロモツイート
うぇ〜い
うぇ〜い
Twitter
@twitter
4:12
Lorem ipsum dolor sit amet,
consectetur adipiscing elit, sed do
eiusmod tempo
Name • 4:12 PM
うぇ〜い
4:12 PM
Start a message

12. DM API で送信
Twitter ServiceApp/Web 3rd-Party Service
GET
プロモツイート
うぇ〜い
うぇ〜い
POST
direct_messages/
events/new
ヒャッハー
＼(^o^)／
Twitter
@twitter
4:12
Lorem ipsum dolor sit amet,
consectetur adipiscing elit, sed do
eiusmod tempo
Name • 4:12 PM
うぇ〜い
4:12 PM
Start a message
ヒャッハー
＼(^o^)／
Name • 4:12 PM

13. Quick Reply で質問
{
"event": {
...
"message_create": {
"message_data": {
"quick_reply": {
"type": "options",
"options": [
{
"label": "Spam",
...
},
...
User Name
@handle
4:12
Lorem ipsum dolor sit amet,
consectetur adipiscing elit, sed do
eiusmod tempo
Name • 4:12 PM
Lorem ipsum dolor sit amet
4:12 PM
Start a message
Spam
Ham
Spam
Spam

14. {
"event": {
...
"message_create": {
"message_data": {
...
"ctas": [
{
"type": "web_url",
"label": "Tweet!!!",
"url": "https://twitter.com/intent/tweet"
},
タイムラインへのツイートを促す
User Name
@handle
4:12
Start a message
Name • 4:12 PM
Lorem ipsum dolor sit amet,
consectetur adipiscing elit, sed do
eiusmod tempo
Tweet!!

15. UI Extension

16. インタラクションの UI が限られている
▼
WebView と WebIntents で体験を拡張

17. ウェブサイトカードで最初のクリックをうながす
● ウェブサイトに誘導するためのカード
● なにかのアクションを促すメッセージにする
Twitter @Twitter
We believe in free expression and think
every voice has the power to impact the
world.
Promoted
Home
4:12
Twitter
twitter.com

18. WebView で続きのインタラクション
● ウェブサイトなので、UIを自由に実装できる
● ただしTwitter利用者の情報は渡らない
Site Name
4:12
Done

19. Web Intents でツイートをうながす
https://twitter.com/intent/tweet
?text=hello
4:12
Tweet
hello

20. 広告と API でスケールさせる
Auto Response
Account Activity API
Tweets API
Chatbot
Account Activity API
Direct Message API
UI Extension
WebView
Web Intents

21. #ThankYou