Firebase Analytics Google Tag Manager ネイティブアプリ 解 析 環 境 構 築 順 書 Ver.02 2016.06.18 1
順 書 概 要 1. 環 境 構 築 の 前 提 条 件 2. Apple IDの 作 成 3. Xcodeのダウンロードとインストール 4. iphoneアプリの 作 成 5. Firebase Analyticsの 導 6. Google Tag Manager の 導 2
1 環 境 構 築 の 前 提 条 件 1. インターネット 接 続 環 境 2. Mac OS X 10.11 or later El Capitanl 3. Xcode iphoneアプリ 開 発 統 合 環 境 4. iphone 本 体 ( 実 機 確 認 時 のみ 必 要 ) Apple Developer Program 登 録 https://developer.apple.com/ 3
2 Apple IDの 作 成 https://appleid.apple.com/#!&page=create 4
3 Xcodeのダウンロードとインストール(インストール 順 省 略 ) https://itunes.apple.com/us/app/xcode/id497799835?ls=1&mt=12 5
4 iphoneアプリ 作 成 (Firebase Analyticsの 検 証 で 使 う) 6
4 iphoneアプリ 作 成 (Firebase Analyticsの 検 証 ) 7
4 iphoneアプリ 作 成 (Firebase Analyticsの 検 証 ) 意 個 名 で 意 にするでも 可 8
4 iphoneアプリ 作 成 (Firebase Analyticsの 検 証 ) 場 所 は 任 意 TestAppフォルダ TestApp 9
4 iphoneアプリ 作 成 (Firebase Analyticsの 検 証 ) こんな 感 じでプロジェクトが 作 成 される 確 認 10
4 マップ 作 成 ライブラリーの 追 加 MapKit.frameworkを 選 択 11
4 エディタエリアを 調 整 4 画 いっぱいに 拡 げる 1 3 ドラッグ&ドロップ 2 MapKit.frameworkを 選 択 12
4 Add Missing Constraints 選 択 中 のコンポーネントについて レイアウトを 決 定 するのに 分 な 制 約 が 設 定 されていない 場 合 に 不 している 制 約 を 動 的 に 追 加 します 13 Add Missing Constraintsを 選 択
4 任 意 の 機 種 を 選 択 ビルド 開 始 14
5 Firebase Analyticsの 導 15
5 Firebase Analyticsとの 関 連 付 け https://firebase.google.com/ へアクセス プロジェクト 名 は 任 意 16
5 Firebase Analyticsとの 関 連 付 け plistを Xcodeプロジェクトの 所 定 のフォルダへ 配 置 jp.co.web-kaizen.testapp 17 P10で 表 されている Bundle Identifierを 記 述
5 Firebase Analyticsとの 関 連 付 け 配 置 は ドラッグ&ドロップでOK ドラッグ&ドロップ 18
5 Firebase Analyticsとの 関 連 付 け 確 認 19
5 Firebase Analyticsとの 関 連 付 け CocoaPodsをインストール そのあと podコマンドでfirebaseライブラリを 追 加 していく 1. CocoaPods をインストール 2. ターミナルを 起 ち 上 げ pod init で Podfileを 成 する 3. Podfileを 編 集 4. pod install を 実 して Firebaseライ ブラリーをXcodeに 作 成 したプロジェ クトへ 追 加 する 次 ページ 以 降 で 具 体 的 な 順 を 紹 介 20
5 Firebase Analyticsとの 関 連 付 け Cocoapodsのインストール sudo gem install cocoapods 上 記 で 上 くいかない 可 能 性 がある その 場 合 は 下 記 コマンドで 対 応 する sudo gem install -n /usr/local/bin cocoapods <http://qiita.com/acaibowl/items/4bb4708de03e6ee14a4a> 21
5 Firebase Analyticsとの 関 連 付 け TestAppのディレクトリまで 移 動 1 そのあと pod initを 実 2 そうすると Podfileが 成 される3 1 2 Podfileが 成 3 22
5 Firebase Analyticsとの 関 連 付 け Podfileを 編 集 する (viコマンドで 編 集 する viがわからない 場 合 は テキスト 直 接 開 いて 編 集 保 存 でも 可 ) 2 を 追 記 する Pod ʼFirebaseʼ を 追 記 ついでに pod 'GoogleTagManager', '~> 5.0ʼ も 追 記 しておく 最 後 に 保 存 (:wq!) 23
5 Firebase Analyticsとの 関 連 付 け pod install を 実 下 記 のように 表 されればOK 24
5 Firebase Analyticsとの 関 連 付 け 開 いているXcodeプロジェクトを 旦 保 存 すべて 閉 じる( X 切 りでOK ) そして 再 度 開 く xcworkspaceをopenすること 25
5 Firebase Analyticsとの 関 連 付 け Firebase 関 連 のライブラリーが 追 加 されていることを 確 認 しておく IS_ANALYTICS_ENABLED をYESにしておく YES 確 認 26
5 Firebase Analyticsとの 関 連 付 け 総 仕 上 げ AppDelegate.swiftファイルに 書 きを 追 記 そして 終 了 import Firebase FIRApp.configure() 27 確 認
5 Firebase Analyticsとの 関 連 付 け 開 いているXcodeプロジェクトを 旦 すべて 閉 じる( X 切 りでOK ) そして 再 度 開 く 右 下 コンソールにFirebase Analtyics Enabeledが 表 されているはず 24 時 間 内 に システムで 動 収 集 す るイベントレポートが 上 がってくる 28
6 Google Tag Manager の 導 https://developers.google.com/tag-manager/ios/v5/#add-gtm-to-project 29
6 Google Tag Manager との 関 連 付 け アカウントを 作 成 そのあと GTM 疎 通 確 認 のイベントタグを 作 成 30
6 Google Tag Manager との 関 連 付 け GTM 検 証 のイベントを 追 加 する トリガーは コンテナが 読 み 込 まれた 時 31
6 Google Tag Manager との 関 連 付 け Google Tag Manager から 適 当 なバージョンのjsonファイルをダウンロードする 32
6 Google Tag Manager との 関 連 付 け containerというフォルダを 作 成 しておき TestAppプロジェクトフォルダの 直 下 に 配 置 しておく1 そして containerフォルダへ jsonファイルをドラッグ&ドロップする2 保 存 1 2 33
6 Google Tag Manager との 関 連 付 け リビルド 34
6 Google Tag Manager との 関 連 付 け 24 時 間 以 内 で Google Tag Manager から 設 定 されたEV Add From GTMイベントがレポートされる レポートされていれば 関 連 付 けは 成 功 24 時 間 内 に EV_Add_From_GTMの イベントレポートが 上 がってくる 35