【第614回】 Marketing Cloud Next ： カスタム 360 Timeline ウィジェット
前回の記事では、Winter '27 の新機能リリース（2026 年 10 月 10 日）で登場した Data 360 Engagement Timeline ウィジェット を紹介しました。
但し、実はこのようなウィジェットは簡単にカスタムで再現できます。今回は、Data 360 に保存された顧客行動を、Salesforce のレコードページに表示するカスタムタイムライン を作成してみます。
導入用のファイルも用意しました。この記事の全文と前回の記事の全文、そして導入用のファイルを生成 AI に読み込ませれば、導入手順を確認したり、自分の環境に合わせて画面を調整したりできると思いますので試してみてください。
どのような画面か
Contact または Lead のレコードページに、次の行動を新しい順に表示します。それぞれをボタン一つで切り替えることも可能です。
メールの開封・クリックなど
Web サイトの閲覧
商品の閲覧
カートへの追加
商品の注文
最初は 5 件。「View More」で 5 件ずつ追加表示します。種類別の絞り込みや詳細の開閉ができ、狭いサイドカラムでも見やすい構成です。また、英語・日本語のどちらでも対応できるようにできます。
商品価格や注文金額は、小数部分を切り捨てて ¥189,000 のように表示します。商品詳細ページへのリンクも可能です。
導入前に準備するもの
Data 360 のデータ取り込みと ID 解決が設定済みの環境
表示するユーザーの Data 360・Data Space・対象 DMO へのアクセス権
Salesforce CLI が使える Code Builder などの作業環境
このサンプルは、Contact / Lead の 18 桁のレコード ID が、ID 解決に使う元の Individual の ID と一致する構成です。Identity Link の API 名には IndividualIdentityLink__dlm を使用しています。異なる構成の場合は、生成AIに実際の API 名やマッピングを伝えて調整します。
ファイルを使って導入する
導入ファイル data360-custom-timeline-starter.zip をダウンロードし、Code Builder などにアップロードします。
ZIP には、Apex・テストクラス・LWC・権限セット・デプロイ用ファイル・生成 AI 向けの依頼文を含めています。
① Sandbox に接続する
ターミナルで次のコマンドを実行し、自分の Sandbox にログインします。接続済みの場合は、その組織のエイリアスを使用できます。
sf org login web --instance-url https://test.salesforce.com --alias SANDBOX② 解凍してデプロイする
ZIP を置いたフォルダーで、次のコマンドを実行します。
unzip -o data360-custom-timeline-starter.zip && cd data360-custom-timeline-simple && bash deploy.sh SANDBOXApex のテストも実行します。デプロイが成功したら、実際の顧客データで表示を確認します。
③ レコードページに配置する
権限セット Data 360 Custom Timeline を対象ユーザーへ割り当てる
Contact または Lead を開き、歯車から「編集ページ」を選択する
Data 360 Custom Timeline を配置する
Maximum Events＝5 ～ 100 で設定する
※ 閲覧する数が多いとクレジットの消費数に影響します。Display Language＝en（英語）、ja（日本語）、auto（ユーザー言語）から選ぶ
保存して有効化する
取得した最新 100 件のうち、デフォルトでは最初の 5 件を表示します。「View More」は、取得済みのイベントを追加表示するボタンです。
上記の権限セットで付与するのは Apex へのアクセスです。閲覧が必要なプロファイルやユーザーへ付与します。Data Space と各 DMO のアクセス権は別途設定してください。
④ 本番へ反映する
Sandbox で表示を確認したら、本番へ接続します。
sf org login web --instance-url https://login.salesforce.com --alias PROD解凍したプロジェクトのフォルダーで実行します。
bash deploy.sh PROD本番でもテストを実行してデプロイします。成功後は、本番側で権限セットを割り当て、レコードページへ配置します。
生成 AI で自分の画面に調整する
この記事と ZIP、または解凍したソースを生成 AI（Claude Code や Codex・ChatGPT Work）に渡し、次のように依頼できます。
添付の記事と実装ファイルを読み、Data 360 の顧客タイムラインを私の Sandbox に導入する手順を教えてください。コードは添付の実装をベースにしてください。必要な API 名や権限が不明なら、先に確認してください。導入後は、色や表示項目を変更できるようにしたいです。コマンドはコピーして実行できる形で提示してください。
たとえば、生成 AI へは、次のような変更も相談できます。
自社のブランドカラーに合わせる
メールの開封・クリックだけを表示する
初期表示を 3 件にする
自分の DMO にある項目を詳細へ追加する
ZIP の AI_PROMPT.md に、依頼文と実装上のポイントをまとめています。
生成 AI は実装や調整を手伝うものです。データの準備やアクセス権は別途必要で、変更後は Sandbox で表示とテストを確認します。
いかがでしたでしょうか。
既存の実装ファイルを出発点にすれば、すべてのコードを一から書かずに、生成 AI と相談しながら、自分の環境に合ったタイムラインへ調整できます。
設定やコードの調整をできるだけ減らしたい場合は、Winter '27 でリリースされた標準のタイムラインを利用するとよいでしょう。一方で、表示項目やデザインを自分好みに調整したい場合は、カスタムで実装する方法も選択肢になります。
Marketing Cloud Engagement で Timeline を実装する
また、このような Timeline ウィジェットは、Marketing Cloud Engagement の CloudPages 上でも再現できます。
Salesforce CRM を利用せず、Marketing Cloud Engagement と Data 360 だけで運用している企業でも、CloudPages から顧客の行動履歴を確認する画面を作成できます。ただし、顧客データを扱う場合は、利用者の認証や閲覧権限を適切に設定し、CloudPages をセキュアに保つことが必要です。
今回は、実際の Data 360 のデータを参照するサンプルページも作成しました。以下のページで、003gC000001zg6dQAA を入力して検索してみてください。
※ 現在は 003gC000001zg6dQAA のみを検索できるように制限しているため、他の ID では検索できません。
このように、API を通じて Data 360 のデータを取得すれば、Salesforce のレコードページ以外にも活用の場を広げられます。普段利用している画面から顧客行動を確認できるように、ぜひ自分の環境に合った活用方法を試してみてください。
今回は以上です。
