PLAINERナレッジセンター
ログイン

Account Engagement（旧Pardot）への連携

AccountEngagement（旧Pardot）への連携

概要

AccountEngagementのCookieを持っているプロスペクトのアクティビティの「ページビュー」として、デモの閲覧開始・終了を記録可能

手順

  1. Webサイト等に、コンテンツやシナリオをiframeで埋め込み
    1. コンテンツの埋め込みコードは、コンテンツ一覧の「︙」メニューから自動生成可能です
    2. シナリオの埋め込みコードは、以下をサンプルとしてご利用ください。
      1. <iframe frameborder="none" style="width:100%; height:100vh;"src="https://product.plainer.co.jp/s/plainer-demo/a1ba01c0-70c4-4916-b7b0-0cccfea64be2"></iframe>
  2. デモの埋め込みコードとは別に、下記のJavaScriptを挿入
  3. Account Engagementとの連携状況をご確認

補足

  • 埋め込んだコンテンツやシナリオを編集すると、Webサイト上に埋め込まれたものも編集されます。
  • コンテンツの場合埋め込んだページのURL末尾に、<?pl_uid=email@plainer.co.jp>というパラメータを追加することで、PLAINERのアクセスデータ上でも実名のトラッキングが可能です。
    • メールアドレス部分は、送付先のメールアドレスやドメイン、SFAのID等に別途書き換えをお願いいたします

https://knowledge.plainer.co.jp/article/mail-tracking

連携コードサンプル（Account Engagementのみへの連携の場合）

⚠️設定には、基礎的なHTML/CSS/JaveScriptやMAツールの知識が必要です。個別のご質問にはサポートでお答えしかねます

<script>
var lastReceivedMessage = null;
var url = location.href;
var urlWithoutParams = url.split('?')[0];
if (urlWithoutParams.endsWith('/')) {
  urlWithoutParams = urlWithoutParams.slice(0, -1);
}
window.addEventListener('message', function (event) {
  if (lastReceivedMessage && JSON.stringify(lastReceivedMessage) === JSON.stringify(event.data)) {
    return;
  }
  lastReceivedMessage = event.data;
  switch (event.data.event) {
    case 'plainer_content_operate_start':
      piTracker(urlWithoutParams + '/demo_start/' + event.data.contentId);
      break;
    case 'plainer_guide_view_complete':
      piTracker(urlWithoutParams + '/demo_complete/' + event.data.contentId);
      break;
    default:
      break;
  }
});

連携コードサンプル（GoogleAnalytics4へも連携したい場合）

⚠️設定には、基礎的なHTML/CSS/JaveScriptやMAツールの知識が必要です。個別のご質問にはサポートでお答えしかねます

<script>
var lastReceivedMessage = null;
var url = location.href;
var urlWithoutParams = url.split('?')[0];
if (urlWithoutParams.endsWith('/')) {
  urlWithoutParams = urlWithoutParams.slice(0, -1);
}
window.addEventListener('message', function (event) {
  if (lastReceivedMessage && JSON.stringify(lastReceivedMessage) === JSON.stringify(event.data)) {
    return;
  }
  lastReceivedMessage = event.data;
  switch (event.data.event) {
    case 'plainer_content_operate_start':
      window.dataLayer = window.dataLayer || [];
      window.dataLayer.push({
        event: 'demo_start',
        demo_id: event.data.contentId,
        demo_duration: event.data.contentTotalStep
      });
      piTracker(urlWithoutParams + '/demo_start/' + event.data.contentId);
      break;
    case 'plainer_guide_view_complete':
      window.dataLayer = window.dataLayer || [];
      window.dataLayer.push({
        event: 'demo_complete',
        demo_id: event.data.contentId,
        demo_duration: event.data.contentTotalStep
      });
      piTracker(urlWithoutParams + '/demo_complete/' + event.data.contentId);
      break;
    case 'plainer_guide_view_start':
      window.dataLayer = window.dataLayer || [];
      window.dataLayer.push({
        event: 'demo_progress',
        demo_id: event.data.contentId,
        demo_duration: event.data.contentTotalStep,
        demo_current_step: event.data.contentCurrentStep
      });
      break;
    default:
      break;
  }
});
</script>

補足

GoogleAnalytics4への連携は、GoogleAnalytics4やGTM側での設定が必要となります。
概要や手順は以下をご確認ください。
https://knowledge.plainer.co.jp/article/google-analytics-4-data-integration

関連記事