Deeplinkから考えるWebとAppの今後とは
•
16 j'aime•6,401 vues
広告業界で話題になっているDeeplink(ディープリンク)の歴史と今後の展望についてまとめました。
Recommandé
Contenu connexe
En vedette
En vedette (10)
Similaire à Deeplinkから考えるWebとAppの今後とは
Similaire à Deeplinkから考えるWebとAppの今後とは (20)
Deeplinkから考えるWebとAppの今後とは
- 4. 2012年 Google+が対応開始 →ディープリンクの口火を切る 2013年 Twitter Cardsが対応開始 CellogicはDeeplink.meをβ版リリース(リタゲ広告も配信開始 ) URXが設立 Google App Indexing 発表(米国) 2014年 Criteo、モバイルアプリ内パフォーマンスディスプレイ広告 β版リリース URXがOmnilinksをローンチ、1,200万ドルを調達します。 Facebookがf8でApp Linksを発表。 Google AdWordsにディープリンク機能追加 日本国内ではBypassが対応を開始 参考：http://deep-link.jp/ Deeplinkとは？ Deeplinkの歴史
- 5. ダイナミックリタゲの圧倒的広告効果 メディアのCTRを約10倍に アウトドア関連ECでCTRが2倍、CVRが5倍 “The auto-optimized layout drove a 2x increase in clickthrough rate (compared to standard ad formats) and the conversion rate grew 5x while cost-per-acquisition only rose 11%.” 出典：https://www.thinkwithgoogle.com/case-studies/case-study-sierratradingpost.html “For many publishers we regularly deliver CTRs of 1% – which is huge, when the average display CTR is closer to .1%” 出典：http://static.googleusercontent.com/media/www.google.com/ja//doubleclick/pdfs/Criteo-and-DoubleClick-Ad-Exchange-Case-Study-6-1-2011.pdf
- 7. アプリでのDeeplink導入に必要なこと メディア(配信面) 配信サイド 広告主(リンク先) 実装内容 --- アプリインストール判定の 実装 ディープリンクの マッピングの実装 詳細 ※ フォーマットの開発により 収益性向上が狙える 例：twitter, Google 二つのポイントで判定可能 ①広告リクエスト時に判定 ②クリック時に判定 URLスキームが叩かれた際に 表示するページをアプリ内に 記述する といったフレームワークの登場により、 実装のハードルも下がっている。
- 8. 広告主のアプリ化が進む4つの可能性 1. 平均注文額が増える 出典：http://www.slideshare.net/LaurenHand/the-four-sources-of-mobile-app-roi-41817504 4.ターゲティング要素も多い WEB APP キャリア(IP) ◯ ◯ OS ◯ ◯ デバイス ◯ ◯ WEBでの行動履歴 ◯ × APPでの行動履歴 × ◯ 端末内のアプリ情報 × ◯ 位置情報 × ◯ 2.CVRが高い 3.プッシュ通知ができる
- 9. 海外プレイヤーのDeeplink事例 ・Amazon(Android) ・Google Map(iOS) …アプリへの誘導を推進 アプリを持っていない時は DL訴求を実施 …ディープリンク実装アプリでは 前画面に戻る実装がされている (iOSのみ)
- 10. “IN-APP SEARCH”というドメイン Music Widget(iOS) by URX …SDKを組み込むことで、 音楽アプリを横断して 各楽曲にアクセスできる
- 11. “IN-APP SEARCH”というドメイン CHOW by Quixey …飲食系アプリを横断した検索が可能 検索後は各アプリが起動し、Deeplinkする
- 12. Googleの描く未来 Maybe you don’t want to ask a question; maybe you want to just have it answered for you before you ask it． 2015年1月30日：‘Google Now’ Will Suck In Outside App Data （’Google Now’がアプリのデータを吸い上げる） →アプリから Google Now へデータを送ることを可能に 「検索ボックスのない世界へ」 →アプリからあらゆる情報を収集することで、 さらに精度が高いターゲティングを実現していく ラリー・ペイジ
- 14. ご静聴ありがとうございました。
- 15. 参考資料：マッピングの設定
- 16. Deeplinkに必要なマッピングとは？ 現状の課題：アプリには、 URLがない。 特定の情報を表示させるためには、どうすればいい、、？ →URLScheme と queryParameter の2つの要素でマッピングする。 説明 例 URLScheme “アプリ自体”を特定するためのもの。アプリ側で自由に指定 できる。 cashop://product/2 queryParameter “アプリ内の特定の情報”を特定するためのもの。 ● ://product → ItemController に渡す。 ● ../2 → product_id = 2 という情報を渡す。 cashop://product/2
- 18. mobiledeeplinking の仕組み URLScheme と queryParameters が含まれたリクエスト ex) cashop://product/2 ↓ JSONファイル内で指定されているルーティングのルールの 中から、マッチするものを探す。 ↓ マッチするルーティングの中の記述に従い、該当する Controller に routeParameters を渡して、ページを表示す る。 "routes": { "sales/:saleId": { "storyboard": { "iPhone": "SaleStoryboard_iPhone", "iPad": "SaleStoryboard_iPad" }, "class": "SaleViewController", "identifier": "saleViewController", "handlers": [ "logAnalytics" ], "routeParameters": { "saleId": { "required": "true", "regex": "[0-9]" }, "utmSource": { } } }, ▼実装例
- 19. Turnpike の仕組み URLScheme と queryParameters が含まれたリクエスト ex) com.urx.shop:product/2 ↓ App.delegate.m ファイル内で指定されているルーティング のルールの中から、マッチするものを探す。 ↓ マッチするルーティングの中の記述に従い、 queryParameters を Controller に渡しページを表示する。 ※ iOSのみ [Turnpike mapRoute:@"product/:product_id" ToDestination:^(TPRouteRequest *request) { NSString *product_id = [request.routeParameters valueForKey:@"product_id"]; NSLog(@"product_id: %@", product_id); if (product_id) { [tabBarController setSelectedIndex:0]; [[NSNotificationCenter defaultCenter] postNotificationName:@"com.urx.shop.productsViewController. urxLinkToProduct" object:nil userInfo:[NSDictionary dictionaryWithObject:product_id forKey:@"product_id"]]; } }]; ▼実装例 [Turnpike mapRoute:@"tab/:tab_name" ToDestination:^(TPRouteRequest *request) { int tabIndexToSet = 0; if ([[request.routeParameters valueForKey:@"tab_name"] isEqualToString:@"catalog"]) { tabIndexToSet = 0; } else if ([[request.routeParameters valueForKey:@"tab_name"] isEqualToString:@"shopping_cart"]) { tabIndexToSet = 1; } else { // open some other tab, etc. tabIndexToSet = 0; } [tabBarController setSelectedIndex:tabIndexToSet]; }];
- 20. 比較表:mobiledeeplinking vs Turnpike マッピング方法 マッチしたURLにパターンに対応するクラス にパラメータを渡す。 マッチしたURLにパターンに対応するクラス にパラメータを渡す。 ファイル形式 JSON（＋Framework） App.delegata.m 内にObjective-Cで記述 （＋Framework） OS 条件 × ○ 正規表現 ○ ○ unity / cocos2d クラスの概念があれば可 クラスの概念があれば可
- 22. Google/ Twitter/ Facebook ・Google/Adwords,App indexing： アプリ側にURLスキームを記述(XML document)し、サイト側にタグを記述する。 ※App indexing APIはAndroidのみ対応(今後iOSも対応すると推測。2015-01-22時点) ・Twitter Card： Twitter Cardの入稿HTMLにマークタグを追記する。 ・App Links： 1)iOSアプリ、Androidアプリがある 2)アプリでURLスキームを利用している 3)アプリのコンテンツが Webサイトに公開されている
- 23. App indexingの設定について インテントフィルターの設定を行う。 <action>タグでアクションを指定。 <data>タグで各データのURIフォーマット(httpやitunesなど)を記載。android-scheme属性は必須。 <category>タグで、BROWSABLE、DEFAULTはそれぞれウェブブラウザ、他のウェブページからのディープリンクを可能にする。 抜粋: https://support.google.com/adwords/answer/6046977?hl=ja , https://developers.google.com/app-indexing/webmasters/server ▼http://example.com/gizmos...の対応例 ▼http://example.com/gizmos と example://gizmos の両フォーマットの対応例
- 24. Twitter Cardの設定について ・twitter:app:country アメリカ非配信アプリの場合は 2文字の国コード記載 ・twitter:app:id:??? iosの場合はApp IDを、 Androidの場合はパッケージ名を記載 ・twitter:app:url:(iphone|ipad|googleplay) -iOSの場合 ＠アプリの.plistファイル URLスキームを追加 [URL Types] セクションを探します。 ※AppDelegateの “application:openURL:sourceApplication:annotation:” メソッドに、 受信URL (カードで指定したURL) を取り込んでアプリ内で解析するロジックを追加する。 -Androidの場合 インテントフィルターの設定 抜粋: https://dev.twitter. ▼Twitter cardの記述例 ▼インテントフィルターの記述例
- 25. その他参考資料
- 27. 国内でのDeeplink事例について 参考: http://markezine. Deeplinkの仕組み 企業例 App indexing App Links ??? ・実施事例