Typeform コネクタ
Tajo を介して Typeform を Brevo に接続し、フォーム回答を自動的に同期し、会話型フォームからリードをキャプチャし、アンケート送信やクイズ結果に基づいてマーケティング自動化をトリガーします。
概要
| プロパティ | 値 |
|---|---|
| プラットフォーム | Typeform |
| カテゴリ | フォームとアンケート(カスタム) |
| セットアップの複雑さ | 簡単 |
| 公式統合 | いいえ |
| 同期データ | 回答、連絡先、イベント、フォーム |
| 認証方式 | OAuth 2.0 / Personal Access Token |
機能
- リアルタイム回答同期 - Webhook を介してフォーム送信を自動キャプチャ
- 連絡先作成 - フォーム回答から Brevo 連絡先を作成または更新
- リードスコアリング - クイズスコアとフォームデータをリード評価に使用
- Hidden Fields - Hidden Fields を介して顧客データを渡してパーソナライズされたフォームを実現
- 条件付きマッピング - 回答ロジックに基づいて異なるフォームフィールドをマッピング
- マルチフォームサポート - 複数の Typeform を異なる Brevo リストに接続
前提条件
開始する前に、以下を準備してください。
- Typeform アカウント(Webhook は Basic プラン以上が必要)
- Typeform Account Settings からの Personal Access Token
- API アクセス可能な Brevo アカウント
- コネクタ権限を持つ Tajo アカウント
認証
Personal Access Token
# https://admin.typeform.com/account#/section/tokens でトークンを生成export TYPEFORM_ACCESS_TOKEN=tfp_your_personal_access_tokenexport TAJO_API_KEY=your_tajo_api_keyexport BREVO_API_KEY=your_brevo_api_keyOAuth 2.0
// OAuth 2.0 認可フローconst authUrl = 'https://api.typeform.com/oauth/authorize?' + new URLSearchParams({ client_id: process.env.TYPEFORM_CLIENT_ID, redirect_uri: 'https://your-app.com/callback', scope: 'forms:read responses:read webhooks:write accounts:read', state: generateState() });
// 認可コードをアクセストークンと交換const tokenResponse = await fetch('https://api.typeform.com/oauth/token', { method: 'POST', headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, body: new URLSearchParams({ grant_type: 'authorization_code', code: authorizationCode, client_id: process.env.TYPEFORM_CLIENT_ID, client_secret: process.env.TYPEFORM_CLIENT_SECRET, redirect_uri: 'https://your-app.com/callback' })});設定
基本セットアップ
connectors: typeform: enabled: true access_token: "${TYPEFORM_ACCESS_TOKEN}"
forms: - form_id: "abc123" list_id: 5 mapping: email_field: "email" name_field: "full_name" - form_id: "xyz789" list_id: 6 mapping: email_field: "work_email"
sync: responses: true contacts: true events: true
webhook: enabled: true secret: "${TYPEFORM_WEBHOOK_SECRET}"フィールドマッピング
field_mapping: # Typeform のフィールド参照を Brevo 属性にマッピング email: email name: FIRSTNAME company: COMPANY phone: SMS score: LEAD_SCORE quiz_result: QUIZ_SCORE nps_rating: NPS_SCORE feedback: LAST_FEEDBACKAPI エンドポイント
| エンドポイント | メソッド | 説明 |
|---|---|---|
https://api.typeform.com/forms | GET | すべてのフォームを一覧取得 |
https://api.typeform.com/forms/{form_id} | GET | フォームを取得 |
https://api.typeform.com/forms | POST | フォームを作成 |
https://api.typeform.com/forms/{form_id} | PUT | フォームを更新 |
https://api.typeform.com/forms/{form_id}/responses | GET | 回答を取得 |
https://api.typeform.com/forms/{form_id}/responses | DELETE | 回答を削除 |
https://api.typeform.com/forms/{form_id}/webhooks/{tag} | PUT | Webhook を作成/更新 |
https://api.typeform.com/forms/{form_id}/webhooks/{tag} | GET | Webhook を取得 |
https://api.typeform.com/forms/{form_id}/webhooks | GET | Webhook を一覧取得 |
コード例
コネクタの初期化
import { TajoClient } from '@tajo/sdk';
const tajo = new TajoClient({ apiKey: process.env.TAJO_API_KEY, brevoApiKey: process.env.BREVO_API_KEY});
await tajo.connectors.connect('typeform', { accessToken: process.env.TYPEFORM_ACCESS_TOKEN, forms: ['abc123', 'xyz789']});フォーム回答の取得
// Responses API を使用して回答を取得const response = await fetch( 'https://api.typeform.com/forms/abc123/responses?' + new URLSearchParams({ page_size: 25, since: '2024-01-01T00:00:00Z', completed: 'true' }), { headers: { 'Authorization': `Bearer ${process.env.TYPEFORM_ACCESS_TOKEN}` } });
const data = await response.json();
// 各回答を Brevo に同期for (const item of data.items) { const answers = item.answers; const email = answers.find(a => a.field.ref === 'email')?.email;
if (email) { await tajo.contacts.sync({ email, attributes: { FIRSTNAME: answers.find(a => a.field.ref === 'name')?.text, LEAD_SCORE: item.calculated?.score || 0 }, listIds: [5] }); }}Webhook の設定
// リアルタイム回答通知用の Webhook を登録await fetch( 'https://api.typeform.com/forms/abc123/webhooks/tajo-sync', { method: 'PUT', headers: { 'Authorization': `Bearer ${process.env.TYPEFORM_ACCESS_TOKEN}`, 'Content-Type': 'application/json' }, body: JSON.stringify({ url: 'https://api.tajo.io/webhooks/typeform', enabled: true, secret: process.env.TYPEFORM_WEBHOOK_SECRET }) });Webhook イベントの処理
app.post('/webhooks/typeform', async (req, res) => { // Webhook 署名を検証 const signature = req.headers['typeform-signature']; const isValid = verifyTypeformSignature( req.rawBody, signature, process.env.TYPEFORM_WEBHOOK_SECRET );
if (!isValid) return res.status(401).send('Unauthorized');
const { form_response } = req.body;
await tajo.connectors.handleWebhook('typeform', { topic: 'form_response', payload: form_response });
res.status(200).send('OK');});レート制限
| エンドポイント | レート制限 | 備考 |
|---|---|---|
| Create API | 2 リクエスト/秒 | フォームの作成と更新 |
| Responses API | 2 リクエスト/秒 | 回答の取得 |
| Webhooks API | 2 リクエスト/秒 | Webhook 管理 |
| すべてのエンドポイント | 120 リクエスト/分 | グローバルレート制限 |
回答のページネーション
Responses API はリクエストあたり最大 1,000 件の回答を返します。大量の回答セットを取得する際は、ページネーションに before または after カーソルパラメータを使用してください。
トラブルシューティング
| 問題 | 原因 | 解決策 |
|---|---|---|
| Webhook を受信できない | Webhook が無効化されている | Typeform ダッシュボードで Webhook を有効化 |
| 回答の欠落 | フィルタが適用されている | since/until と completed パラメータを確認 |
| 認証エラー 401 | トークンの期限切れ | 新しい Personal Access Token を生成 |
| レート制限 429 | リクエスト過多 | リクエストスロットリングを実装 |
| 回答が空 | 任意のフィールド | null/undefined の回答値を処理 |
デバッグモード
connectors: typeform: debug: true log_level: verbose log_webhooks: true log_responses: trueベストプラクティス
- Webhook を使用する - リアルタイム回答キャプチャにはポーリングよりも Webhook を優先
- 署名を検証する - セキュリティのため常に Webhook 署名を検証
- Hidden Fields を使用する - フォームに既知の顧客データを事前入力
- フィールド参照をマッピングする - フィールド ID の代わりに安定した
ref値を使用 - 部分的な回答を処理する - 任意のフィールドやスキップされた質問を考慮
- リトライロジックを設定する - 冪等な Webhook 処理を実装
セキュリティ
- OAuth 2.0 - スコープ付きトークンベース認証
- Webhook 署名 - SHA-256 HMAC 署名検証
- HTTPS のみ - すべての API エンドポイントに TLS が必要
- トークンスコープ - 必要最小限の OAuth スコープをリクエスト
- シークレット管理 - トークンを環境変数またはシークレットマネージャーに保存
- GDPR コンプライアンス - データ消去リクエストには Delete Responses API を使用