連携
Meta(Facebook)アプリを設定する
プラットフォームオーナー専用:すべての顧客がワンクリックで接続できるようにするための、Meta(Facebook)アプリの設定情報です。
始める前に
- CompanyFlowHQのプラットフォームオーナーであること。
- Meta for DevelopersとCloudflareアカウントにアクセスできること。
手順の概要
ステップ1/5
Meta for Developers → 対象のアプリ → アプリ設定(App settings)→ 基本(Basic)で、App ID(15~16桁)とApp secretをコピーします。
Meta for Developers App ID 1372750784590143 App secret •••••••• 表示 META_APP_IDはwrangler.jsoncに設定済みです。シークレットは「npx wrangler secret put META_APP_SECRET」を実行して貼り付けます。
terminal CompanyFlowHQ SEOデスク 自動化 メールマーケティング チーム・人事 連携 設定 ガイド Terminal Search ⌘K npx wrangler secret put META_APP_SECRET Terminal npx wrangler secret put META_AP… 設定でプラットフォーム(オーナーのみ)までスクロールします。構成の項目がすべて緑色になっていれば準備完了です。
companyflowhq.com/settings CompanyFlowHQ SEOデスク 自動化 メールマーケティング チーム・人事 連携 設定 ガイド 設定 Search ⌘K プラットフォーム(オーナーのみ) Meta側でまだ必要な作業… リード広告Webhookの検証トークン 設定 WhatsApp Webhookの検証トークン 未設定 設定 プラットフォーム(オーナーのみ) Meta側でまだ必要な作業… リード広告Webhookの検証… 設定 WhatsApp Webhoo… 未設定 Metaのアプリダッシュボードに貼り付けるアドレスにある各アドレス(OAuthリダイレクト、Webhook)を、Metaアプリにコピーします。
companyflowhq.com/settings CompanyFlowHQ SEOデスク 自動化 メールマーケティング チーム・人事 連携 設定 ガイド 設定 Search ⌘K Metaのアプリダッシュボードに貼り付けるアドレス https://companyflowhq.com/api/integrations/callback 設定 Metaのアプリダッシュボードに貼り付けるアドレス https://companyflowhq.com/api/i… アプリのWebhookを設定をタップし、続けてMetaで確認をタップします。
companyflowhq.com/settings CompanyFlowHQ SEOデスク 自動化 メールマーケティング チーム・人事 連携 設定 ガイド 設定 Search ⌘K アプリのWebhookを設定 Metaで確認 設定 アプリのWebhookを設定 Metaで確認
コードの例
確認する場所: developers.facebook.com → 対象のアプリ → アプリ設定(App settings)→ 基本(Basic)貼り付ける場所: wrangler.jsoncのMETA_APP_ID(vars)
これではありません: a Page ID or Business ID (also long numbers) — この欄には、アプリのダッシュボード上部に表示されるApp IDが必要です。
✅ うまくいったかを確認するには
- Metaで確認でWebhookの登録済みが確認でき、顧客側のFacebookを接続が正常に動作します。
⚠️ よくある間違い
問題ページIDを貼り付けたが、この欄にはApp IDが必要。対処法App IDはMeta for Developersのアプリ画面上部に表示されています。1372…のような15~16桁の数字です。
問題ほかの事業者がまだ接続できない。対処法MetaのApp Reviewとビジネス認証が完了するまでは、アプリに役割を持つ人しか接続できません。
