こんにちは。アプリを導入したならその分析は重要ですよね。Google Analyticsなどを入れることはもはや常識になっていると思います。

ですが、ノーコードでアプリを開発した場合でもGA(Google Analytics:グーグルアナリティクス)を入れることはできるのでしょうか?

結論:FlutterFlowでは簡単にできます。

これはありがたいですよね。今日はFlutterFlow(フラッターフロー)で作ったアプリをfirebaseからGoogle Analyticsと連携させる方法について書いていきたいと思います。

FlutterFlowとGA:GoogleAnalytics(グーグルアナリティクス)の接続方法

では、FlutterFlowとGAを接続する手順について書いていきましょう。

Firebaseプロジェクトの作成

まずはFirebaseプロジェクトを新規に作成しましょう。

まずはFirebaseプロジェクトを新規に作成しましょう。 GA

以下のように設定をONにし、Analyticsの名前を設定して次に進み、プロジェクトを生成しましょう。

GAの設定をONにし、Analyticsの名前を設定して次に進み、プロジェクトを生成
GAの名前を設定
GAの設定をしたら新規プロジェクト作成

これでプロジェクトを作成したら、あとは通常通りfirebaseとflutterflowの接続の設定をしていきましょう。

※そもそもfirebaseとflutterflowの接続のやり方がわからない方は以下の記事やYoutube動画もありますので、ご参考まで。

【初心者向け】FlutterFlowで簡単なアプリを作ってみよう(開発準備・firebase接続編)

FlutterFlow側の設定

今度はFlutterFlow側でGA(Google Analytics:グーグルアナリティクス)側の設定をしていきましょう。

以下のようにSettings and IntegrationsのGoogle Analyticsのところのトグルボタンをenableにするだけです。

Settings and IntegrationsのGoogle Analyticsのところのトグルボタンをenableに

以下のようにFirebase側のAnalytics画面でアクセスを見ることができました。

個別のカスタムイベントの作成・設定も可能

また、カスタマイズしたイベントを作成し設定することもできます。特定のボタンを押した時のイベントを取りたい、などのために使えますね。

以下のようにボタンのアクションでGoogle Analytics Eventを設定することでできますので、ぜひ試してみてください。
(詳細は以下の動画でも解説しています)

ボタンのアクションでGoogle Analytics Eventを設定

YoutubeでFlutterFlowのGoogleAnalytics(グーグルアナリティク)連携の説明を見たい方はこちら

FlutterFlowのGoogleAnalytics連携についてはこちらのYoutube動画でも解説しているのでぜひ!

アプリ・Webサービスの開発の無料相談はこちら

Adalo、bubble、FlutterFlow、STUDIOなどのノーコードツールを使うことで、リスクを抑えて低コストでスピーディにビジネスアイデアを形にすることができます。

この機会に、温めていたビジネスアイデアを今すぐ形にしてみませんか?

弊社はスタートアップ・新規事業向けにコストを抑えた最速のアプリ・Webサービスの開発、さらにはサービス立ち上げのコンサルティングから提案を行なっております。

また、法人向けにノーコードのスクール事業を通して内製化のサポートも行っています。

アプリ/Webサービスの開発、LPなどの構築に興味のある方は、こちらからご気軽にご相談ください。