data.ai(旧AppAnnie)からアプリのDL数をSlackのチャンネルに無料で転送する方法

image

data.ai(旧AppAnnie)で取得できるアプリのダウンロード数をSlackに通知してみました。
流れとしては、デイリーレポートをGmailで受け取り、それをSlackに流すという簡単そうな内容です。が、これが結構大変でした...

最終的にはMake(旧Integromat)と言うサービスに辿り着き、そこでなんとかしたのでその方法を紹介します。

Make


https://www.make.com/

要件もろもろ

様々なサイトで「これでできる!」って書いてあったのを参考にしたのですが、どれも前提条件が合わなかったので先に要件をリストアップ。

Slackで自分のDMに送られればOKじゃない

今回はチャンネルに送りたい場合です。
自分のDMに転送されれば満足な人は、GmailをDMに転送する簡単な方法があるので他の記事を参考にした方がいいです。

Slackは有料じゃない

今回はSlackの無料プランを使用している場合です。
有料プランのSlackだとGmailをチャンネルに転送する簡単な方法があるので他の記事を参考にした方がいいです。

その他諸々に課金したくない

最初はZapierで試したのですが、無料枠に収めることができず、Zapierは諦めました。
MakeはZapierの類似サービスなので、Zapierに課金してもOKという人も参考にはなるとは思います。

必要な条件

GoogleWorkspaceのGoogleアカウントが必要かもしれません。
フリーのGmailだとセキュリティの問題か、どうも上手くメールを取得することができず、手詰まりになってしまいました。
『安全性の低いアプリ』の許可をオンにしましたがそれでも上手くいかず、GoogleWorkspaceのGoogleアカウントだと成功しました。

GoogleWorkspaceのアカウントがない場合、ここを解決できない限り結局課金は必要かもしれません...

全体の流れ

今回ハマったポイントとしては、data.aiからのデイリーレポートメールがhtmlメールだったので、単に転送すればOKと言う単純な話ではなかったところです。
HTMLのコードがSlackにそのままテキストとして流れてきても何も読み取ることができません...

GmailをSlackのDMに送る機能だったり有料Slack限定のGmail連携アプリでは、そのあたりもいい感じにやってくれるのですが、ZapierではHTMLがそのまま投稿されてしまいました。

ということで、全体の流れとしては、

  1. デイリーレポートのメールを取得する
  2. HCTI(HTML/CSS to Image)を使用してHTMLメールを画像にする
  3. 画像をSlackのチャンネルに送る

の流れです。
流れ

以下、Makeの『Create a new scenario』から進めていく内容です。

Gmailの設定

Gmail側で「AppReport」というラベルを作り、report@data.aiから届いたメールをそこに格納するフィルタを作ります。
既読を付けずに受信ボックスをスルーさせるようにもしています。

Gmailの設定1

Make側では以下のような設定にします。
AppReportのラベルから未読メールを最大3個まで取得して、既読付けますよ。的な意味だと思います。
Gmailの設定2

HCTIの設定

HCTIは以下のような設定にします。
GmailのHTMLを渡すだけです。
HCTIの設定1

Slackの設定

Slackは以下のような設定にします。
チャンネルを決めて、メッセージの内容を設定します。
Slackの設定1

結果

Slackのチャンネルにこのような形で飛んできています。
画像を開いて拡大する必要があるのでちょっと見にくいんですが、、、
結果

細かい話

iOS/Android統合データで取得

data.ai側で、デイリーメールをiOS/Android統合データで送るように設定してあります。
HCTIの無料プランが月50件までなので、別々にすると超えてしまします。

Zapierの有料とは?

Zapierは複数ステップになると有料だったので諦めました。
今回で言うと、HCTIが挟まってるせいで無料では使えませんでした。

MakeにGmailの受信トリガーはない?

Zapierでは受信トリガーがあったので、AppReportのラベルでメールを受信したら発火、ということができたのですが、Makeには受信トリガーのようなものはなく、毎朝7時にAppReportの未読のメールを取得しにいっています。

さいごに

Slackに投稿されるDL数で盛り上がる日が早くきてほしいものですね...!!

お知らせ

カリキュラムなし!学びたいことだけをプロと学べる『TechCampus』の詳細情報

カリキュラムなし!学びたいことだけをプロと学べる『TechCampus』の詳細情報

カリキュラムなし!学びたいことだけをプロと学べる『TechCampus』の詳細情報!興味のある人はぜひコミュニティに参加ください!

Read More
可茂IT塾ではFlutterインターンを募集しています!

可茂IT塾ではFlutterインターンを募集しています!

可茂IT塾ではFlutterインターンを募集しています!可茂IT塾のエンジニアの判断で、一定以上のスキルをを習得した方には有給でのインターンも受け入れています。

Read More

タグ

Flutter (99)初心者向け (26)イベント (17)Google Apps Script (14)Nextjs (11)可茂IT塾 (8)Firebase (7)riverpod (6)React (6)ChatGPT (4)新卒 (4)就活 (4)Dart (4)JavaScript (4)FlutterWeb (3)vscode (3)Prisma (3)NestJS (3)デザイン (3)Slack (3)TypeScript (3)ワーケーション (3)インターン (3)お知らせ (3)設計 (2)線型計画法 (2)事例 (2)画像 (2)Figma (2)iOS (2)アプリ開発 (2)React Hooks (2)tailwindcss (2)社会人 (2)大学生 (2)RSS (1)CodeRunner (1)個人開発 (1)Android (1)Unity (1)WebView (1)Twitter (1)フルリモート (1)TextScaler (1)textScaleFactor (1)学生向け (1)supabase (1)Java (1)Spring Boot (1)shell script (1)正規表現 (1)パワーポイント (1)趣味 (1)モンスターボール (1)CSS (1)SCSS (1)Cupertino (1)ListView (1)就活浪人 (1)既卒 (1)保守性 (1)iPad (1)シェアハウス (1)スクレイピング (1)PageView (1)画面遷移 (1)flutter_hooks (1)Gmail (1)GoogleWorkspace (1)ShaderMask (1)google map (1)Google Places API (1)GCPコンソール (1)Google_ML_Kit (1)Vercel (1)Google Domains (1)Git (1)オンラインオフィス (1)LINE (1)Bitcoin (1)bitFlyer (1)コミュニティー (1)文系エンジニア (1)Freezed (1)markdown (1)GlobalKey (1)ValueKey (1)Key (1)アイコン (1)go_router (1)debug (1)Apple Store Connect (1)FlutterGen (1)デバッグ (1)Widget Inspector (1)flutter (1)Image (1)File (1)検索機能 (1)Shader (1)Navigator (1)メール送信 (1)Dio (1)CustomClipper (1)ClipPath (1)Material Design (1)カスタム認証 (1)アニメーション (1)Arduino (1)ESP32 (1)経験談 (1)フリーランス (1)mac (1)csv (1)Dialog (1)BI (1)LifeHack (1)ショートカット (1)Chrome (1)高校生 (1)キャリア教育 (1)非同期処理 (1)生体認証 (1)BackdropFilter (1)レビュー (1)getAuth (1)Algolia (1)コンサルティング (1)Symbol (1)

お知らせ

カリキュラムなし!学びたいことだけをプロと学べる『TechCampus』の詳細情報

カリキュラムなし!学びたいことだけをプロと学べる『TechCampus』の詳細情報

カリキュラムなし!学びたいことだけをプロと学べる『TechCampus』の詳細情報!興味のある人はぜひコミュニティに参加ください!

Read More
可茂IT塾ではFlutterインターンを募集しています!

可茂IT塾ではFlutterインターンを募集しています!

可茂IT塾ではFlutterインターンを募集しています!可茂IT塾のエンジニアの判断で、一定以上のスキルをを習得した方には有給でのインターンも受け入れています。

Read More