Upgrade to Pro — share decks privately, control downloads, hide ads and more …

App Invites for Android

syarihu
March 16, 2016

App Invites for Android

Google Play Services 8.1から登場した、メールやSMSで友人を
招待できる「App Invites」という仕組みについての説明です。

syarihu

March 16, 2016
Tweet

More Decks by syarihu

Other Decks in Technology

Transcript

  1. App Invites for Android
    2016/03/16 (Wed)
    shibuya.apk #6
    @syarihu

    View full-size slide

  2. @syarihu (しゃりふ)
    GMO Media, Inc.
    Engineer
    - Android
    - Server Side Java

    View full-size slide

  3. App Invitesの話をします

    View full-size slide

  4. App Invitesとは?
    - Google Play Services 8.1から登場した、メールやSMSで友人を
    招待できる仕組み

    View full-size slide

  5. App Invitesとは?
    - Google Play Services 8.1から登場した、メールやSMSで友人を
    招待できる仕組み
    - 開発者が招待メールをカスタマイズすることができる

    View full-size slide

  6. App Invitesとは?
    - Google Play Services 8.1から登場した、メールやSMSで友人を
    招待できる仕組み
    - 開発者が招待メールをカスタマイズすることができる
    - メールの招待リンクからアプリをインストールすると、
    共有された内容をディープリンクでスムーズにアプリを開くことができる

    View full-size slide

  7. App Invitesとは?
    - Google Play Services 8.1から登場した、メールやSMSで友人を
    招待できる仕組み
    - 開発者が招待メールをカスタマイズすることができる
    - メールの招待リンクからアプリをインストールすると、
    共有された内容をディープリンクでスムーズにアプリを開くことができる
    - iOS版もあります

    View full-size slide

  8. Google Santa Tracker

    View full-size slide

  9. 招待する側

    View full-size slide

  10. 【招待する側】 ゲームで遊ぶ

    View full-size slide

  11. 【招待する側】 ゲームで遊ぶ
    え、このゲームまじ
    おもしろくね?

    View full-size slide

  12. 【招待する側】 ゲームで遊ぶ
    え、このゲームまじ
    おもしろくね?
    友だちに共有したい!

    View full-size slide

  13. 【招待する側】 共有ボタンを押す

    View full-size slide

  14. 【招待する側】 共有ボタンを押す

    View full-size slide

  15. 【招待する側】 App Invites 招待画面

    View full-size slide

  16. 【招待する側】 App Invites 招待画面
    連絡先を選択して

    View full-size slide

  17. 【招待する側】 App Invites 招待画面
    連絡先を選択して
    送信ボタンを押すだけ

    View full-size slide

  18. 【招待する側】 メール送信完了

    View full-size slide

  19. 【招待する側】 メール送信完了
    送信完了!

    View full-size slide

  20. 招待される側

    View full-size slide

  21. 【招待される側】 メール受信

    View full-size slide

  22. 【招待される側】 メール受信
    あ、なんか友だちからメールきた
    インストールしてみよ

    View full-size slide

  23. 【招待される側】 メール受信
    あ、なんか友だちからメールきた
    インストールしてみよ

    View full-size slide

  24. 【招待される側】 メール受信
    あ、なんか友だちからメールきた
    インストールしてみよ

    View full-size slide

  25. 【招待される側】 メール受信
    あ、なんか友だちからメールきた
    インストールしてみよ

    View full-size slide

  26. 【招待される側】 アプリのインストール

    View full-size slide

  27. 【招待される側】 アプリのインストール

    View full-size slide

  28. 【招待される側】 アプリのインストール

    View full-size slide

  29. 【招待される側】 アプリの起動

    View full-size slide

  30. 【招待される側】 アプリの起動
    アプリ起動後、ディープリンクが発動し
    タイトル画面をすっとばして
    共有されたゲームがすぐに遊べる!

    View full-size slide

  31. App Invites フロー

    View full-size slide

  32. 招待するとき
    招待状を送信

    View full-size slide

  33. 招待するとき
    招待状を送信
    メール or SMS

    View full-size slide

  34. 招待するとき
    招待状を送信
    メール or SMS
    招待状を受信

    View full-size slide

  35. 招待するとき
    招待状を送信
    メール or SMS
    招待状を受信

    View full-size slide

  36. 招待されたとき

    View full-size slide

  37. 招待されたとき
    アプリ未インストール時

    View full-size slide

  38. 招待されたとき
    アプリ未インストール時

    View full-size slide

  39. 招待されたとき
    アプリ
    インストール
    アプリ未インストール時

    View full-size slide

  40. 招待されたとき
    アプリ未インストール時
    アプリ
    インストール

    View full-size slide

  41. 招待されたとき
    アプリ未インストール時
    アプリを開く
    アプリ
    インストール

    View full-size slide

  42. 招待されたとき
    アプリ未インストール時
    アプリを開く
    アプリ
    インストール

    View full-size slide

  43. 招待されたとき
    アプリ未インストール時
    アプリを開く
    ディープリンク
    発動!
    アプリ
    インストール

    View full-size slide

  44. 招待されたとき
    アプリ未インストール時
    アプリを開く
    ディープリンク
    発動!
    アプリ
    インストール

    View full-size slide

  45. 招待されたとき
    アプリ未インストール時
    アプリを開く
    ディープリンク
    発動!
    アプリ
    インストール

    View full-size slide

  46. 招待されたとき

    View full-size slide

  47. 招待されたとき
    アプリインストール済

    View full-size slide

  48. 招待されたとき
    アプリを開く
    アプリインストール済

    View full-size slide

  49. 招待されたとき
    アプリを開く
    アプリインストール済

    View full-size slide

  50. 招待されたとき
    アプリを開く
    アプリインストール済
    ディープリンク
    発動!

    View full-size slide

  51. 招待されたとき
    アプリを開く
    ディープリンク
    発動!
    アプリインストール済

    View full-size slide

  52. 招待されたとき
    アプリを開く
    ディープリンク
    発動!
    アプリインストール済

    View full-size slide

  53. 招待されたとき
    アプリを開く
    ディープリンク
    発動!
    アプリインストール済
    アプリ未インストール時
    アプリ
    インストール

    View full-size slide

  54. 公式サイトに載ってるフロー

    View full-size slide

  55. 公式サイトに載ってるフロー

    View full-size slide

  56. 公式サイトに載ってるフロー

    View full-size slide

  57. This method is deprecated...

    View full-size slide

  58. App Invitesの実装

    View full-size slide

  59. 実装は6ステップ!

    View full-size slide

  60. 1. build.gradleに以下を追加して、
    top-levelに依存関係追加
    -
    app-levelにプラグイン追加
    -
    app-levelに依存関係追加

    View full-size slide

  61. 2. AndroidManifest.xmlにmetaタグ入れて、

    View full-size slide

  62. 3. App Invitesの招待メールから起動するディープリンクのActivityを作成して、
    に の情報が含まれているか調べる

    View full-size slide

  63. 3. App Invitesの招待メールから起動するディープリンクのActivityを作成して、
    から の情報を取得して処理する
    の招待 を取得
    ディープリンクに設定した を取得
    ディープリンクの に含まれるパラメータを使って何か処理したり。。

    View full-size slide

  64. 4. ディープリンク受け取れるようにAndroidManifest.xmlに追加して、

    View full-size slide

  65. 5. App Invitesの招待状送信画面を起動して、
    アクションバーのタイトル部分
    メール本文の一番上の部分
    メールのタイトル

    View full-size slide

  66. 5. App Invitesの招待状送信画面を起動して、
    アクションバーのタイトル部分
    メール本文の一番上の部分
    メールのタイトル

    View full-size slide

  67. 5. App Invitesの招待状送信画面を起動して、
    アクションバーのタイトル部分
    メール本文の一番上の部分
    メールのタイトル

    View full-size slide

  68. 5. App Invitesの招待状送信画面を起動して、
    アクションバーのタイトル部分
    メール本文の一番上の部分
    メールのタイトル

    View full-size slide

  69. 6. アプリ起動時のActivityでApp Invitesを受け入れる!
    にアクセスするための を作成

    View full-size slide

  70. 6. アプリ起動時のActivityでApp Invitesを受け入れる!
    の招待かどうかを確認し、そうだったらディープリンクの を起動する
    は にディープリンク を受け取れるように記述する必要がある
    ではなく の場合は、
    ここに自分でディープリンクを受け取って を起動する処理を書く

    View full-size slide

  71. 6. アプリ起動時のActivityでApp Invitesを受け入れる!
    の招待かどうかを確認し、そうだったらディープリンクの を起動する
    は にディープリンク を受け取れるように記述する必要がある
    ではなく の場合は、
    ここに自分でディープリンクを受け取って を起動する処理を書く

    View full-size slide

  72. 6. アプリ起動時のActivityでApp Invitesを受け入れる!

    View full-size slide

  73. 効果検証とか

    View full-size slide

  74. 効果検証はどうやるの?

    View full-size slide

  75. 効果検証はどうやるの?

    View full-size slide

  76. 効果検証はどうやるの?
    Google Analyticsで、
    こんな感じで見れます

    View full-size slide

  77. 効果検証はどうやるの?
    Google Analyticsで、
    こんな感じで見れます
    メール送信数

    View full-size slide

  78. 効果検証はどうやるの?
    Google Analyticsで、
    こんな感じで見れます
    メール送信数
    招待リンククリック数

    View full-size slide

  79. 効果検証はどうやるの?
    Google Analyticsで、
    こんな感じで見れます
    メール送信数
    招待リンククリック数
    インストール数

    View full-size slide

  80. これって実装して意味あるの?
    Android Developers Blogによると…
    http://android-developers.blogspot.jp/2016/01/how-fabulous-and-
    yummly-grew-with-app.html

    View full-size slide

  81. これって実装して意味あるの?
    - Fabulousというアプリは、全体のインストールの60%がApp
    Invites経由で、App Invitesを導入したら共有ボタンのクリック
    率が10%上がった

    View full-size slide

  82. これって実装して意味あるの?
    - Fabulousというアプリは、全体のインストールの60%がApp
    Invites経由で、App Invitesを導入したら共有ボタンのクリック
    率が10%上がった
    - Yummlyというアプリでは、App Invitesによる
    インストール率が他の共有チャネルと比べて60%高いことが
    分かった

    View full-size slide

  83. 個人的な意見
    - 実装は6ステップ!とか言いましたが、実際にアプリに導入す
    るとなると少し手間がかかる

    View full-size slide

  84. 個人的な意見
    - 実装は6ステップ!とか言いましたが、実際にアプリに導入す
    るとなると少し手間がかかる
    - 本当に効果があるかどうかがはっきりと言えないため、
    すぐに導入するべきものではない

    View full-size slide

  85. 個人的な意見
    - もともとメールで何かを共有する機能があるのであれば、これ
    を実装することにより3ステップ(共有ボタンを押す、連絡先を
    選択する、送信する)でアプリ内からメールを送信することが
    可能になる

    View full-size slide

  86. 個人的な意見
    - もともとメールで何かを共有する機能があるのであれば、これ
    を実装することにより3ステップ(共有ボタンを押す、連絡先を
    選択する、送信する)でアプリ内からメールを送信することが
    可能になる
    - そのため、ユーザー体験の向上に繋がる可能性があり、導入
    する価値はある

    View full-size slide

  87. 細かい話はQiitaへ!
    - App Invitesの仕組みを理解する - Qiita
    http://qiita.com/syarihu/items/1847a7f1caf7f71d26a4

    View full-size slide

  88. 参考
    - App Invites for Android | Google Developers
    https://developers.google.com/app-invites/android/

    View full-size slide

  89. 個人で作ったアプリがGigazineに紹介されました!
    http://gigazine.net/news/20160129-easy-page-share/

    View full-size slide

  90. 個人で作ったアプリがGigazineに紹介されました!
    https://play.google.com/store/apps/details?id=net.syarihu.android.easypageshare

    View full-size slide

  91. 個人で作ったアプリがGigazineに紹介されました!
    https://play.google.com/store/apps/details?id=net.syarihu.android.easypageshare
    ぜひ使ってみてください!

    View full-size slide

  92. おしまい

    View full-size slide