自社フォーム経由でLOOVの個人別URLをサンクスメールに挿入することはできますか?
はい、可能です。SFAやCRM(例:Salesforce、Hubspot)と連携し、自社フォームの送信完了後に 【個人別URLを自動生成 → 指定項目に格納 → サンクスメールに利用】といった連携が可能です。
概要
- 自社フォーム経由でSFA/CRMに情報が送信される前に、LOOVのAPIを用いて個人別URLを取得
- 取得した個人別URLを、SFA/CRM側で指定した任意の項目へ格納
- その項目をサンクスメール差し込むと、動画の視聴履歴を取得可能に
ご利用開始前の注意
- 本連携はJavascriptの知識が必要です。ご不安な場合は、社内エンジニアまたは外部ベンダーへのご相談を推奨します。
- 利用にはLOOVのAPIキーの取得・設定が必要です。取得方法はこちらのFAQをご参照ください。
実装イメージ
以下はフォーム送信時にLOOV APIからURLを取得し、フォームにhidden項目として追加するサンプルコードです。
<script>
window.addEventListener("DOMContentLoaded", function () {
// フォームの送信イベントを追加
const form = document.getElementById("<YOUR_FORM_ID>"); // CRMへ送信するフォームのID
form.addEventListener("submit", async function (event) {
// フォームの送信を中断する
event.preventDefault();
// LOOV へ渡す項目を取得する
const formData = new FormData(form);
const name = formData.get("name");
const email = formData.get("email");
// LOOV API の認証情報
const apiKey = "<YOUR_API_KEY>"; // LOOV管理画面から取得したAPIキー
const scenarioId = "<YOUR_SCENARIO_ID>"; // LOOV管理画面から取得した動画シナリオID
const res = await fetch(
"https://api.service.loov-video.com/external/v1/generate-scenario-url",
{
method: "POST",
headers: {
"Content-Type": "application/json",
"x-api-key": apiKey,
},
body: JSON.stringify({
scenarioId,
name,
email,
notificationEmail: "kimura@loov.co.jp",
}),
}
);
const { url } = await res.json();
// フォームに input を追加
const input = document.createElement("input");
input.type = "hidden";
input.id = "<YOUR_INPUT_ID>"; // CRMに合わせた項目ID
input.name = "<YOUR_INPUT_NAME>"; // CRMに合わせた項目名
input.value = url;
form.appendChild(input)
// フォームを再送信
form.submit();
});
});
</script>
補足情報
- Salesforceでは「Lead」、Hubspotでは「Contact」など、各ツールのオブジェクト構造や項目ID/名にあわせて調整が必要です。
- 詳細な設定方法は、各SFA/CRMのサポートサイトをご確認ください。