Salesforce Marketing Cloud で Typeface を設定する方法：Content Builder 内でブランド準拠アセットをネイティブ生成するマーケティング Ops ガイド

エンタープライズ企業のマーケティングオペレーション（Marketing Ops）チームが Salesforce Marketing Cloud（SFMC）でカスタマージャーニーやメール配信施策を構築する際、ツールの分断による作業効率の低下が深刻な課題となっています。従来の生成 AI ワークフローでは、独立したサードパーティ AI ツールや画像編集ソフトと SFMC Content Builder の間を頻繁に行き来し、プロンプト入力、画像生成、ローカル保存、SFMC 素材ライブラリへの手動アップロード、HTML 調整という煩雑な手順を踏む必要がありました。このプロセスは制作期間を長期化させるだけでなく、バージョンの不一致やブランドガイドライン逸脱のリスクを増大させます。

企業向け生成 AI プラットフォームである Typeface を SFMC にネイティブ統合することで、このボトルネックを根本から解消できます。SFMC 内で Custom Content Block（カスタムコンテンツブロック）と Server-to-Server API 連携を含む Installed Package（インストール済みパッケージ）を構成することで、マーケターは Content Builder の編集画面から直接ブランド資産を呼び出し、ガイドラインに準拠した高品質な画像・テキスト素材をワンクリックで生成し、SFMC アセットリポジトリへ直接保存できるようになります。

アーキテクチャの概要：Typeface と SFMC の連携構造

Typeface と Salesforce Marketing Cloud の連携は、SFMC 標準の拡張アーキテクチャに準拠しており、Installed Package 内の 2 つの主要コンポーネントによって実現されます。

1. Custom Content Block コンポーネント（UI 拡張）： SFMC の Content Builder Block SDK を利用して開発された UI ウィジェットです。セキュアな iFrame を介してメールエディタのサイドパネルに Typeface の生成キャンバスを埋め込みます。エンドポイント URL には Typeface の本番環境（https://sfdc-cb-prod.typeface.ai）を指定します。
2. Server-to-Server API 連携（バックグラウンドデータ同期）： OAuth 2.0 クライアント認証（Client Credentials）を使用し、SFMC のアセットリポジトリ（Documents and Images、Saved Content）に対する Read/Write（読み取り/書き込み）権限を Typeface に付与します。マーケターがキャンバス内でアセットを確定すると、Typeface が REST API 経由で画像ファイルや構造化 HTML を SFMC のアセットライブラリへ自動保存します。

+-----------------------------------------------------------------------+
| Salesforce Marketing Cloud (Engagement)                              |
|                                                                       |
|  +-------------------+       Block SDK       +---------------------+  |
|  |  Content Builder  | <===================> |   Typeface ブロック |  |
|  |  メール編集キャンバス |   (iFrame 双方向通信) |  (カスタム UI 拡張) |  |
|  +-------------------+                       +----------+----------+  |
|           ^                                             |             |
|           | アセット自動保存                            | 生成リクエスト |
|           v                                             v             |
|  +-------------------+     REST API (OAuth)  +---------------------+  |
|  |  Content Builder  | <-------------------- | Typeface プラットフォーム |
|  |  アセットリポジトリ |    Assets Read/Write 権限 | & Brand Graph エンジン  |
|  +-------------------+                       +---------------------+  |
+-----------------------------------------------------------------------+

事前準備と必要な権限

設定作業を開始する前に、以下のエンタープライズ要件と権限を満たしているか確認してください。

ステップ・バイ・ステップ設定手順

ステップ 1：SFMC で Installed Package を作成する

1. 管理者アカウントで Salesforce Marketing Cloud にログインします。
2. 右上のユーザープロファイルアイコンから Setup（設定）を選択します。
3. 左側のナビゲーションメニューから Apps を展開し、Installed Packages を選択します。
4. 画面右上の New ボタンをクリックします。
5. パッケージ名を入力します（例: Typeface Custom Content Block）。
6. 説明欄に運用メモを入力します（例: Content Builder 内でブランド準拠アセットを直接生成する Typeface 拡張パッケージ）。
7. Save（保存）をクリックします。

ステップ 2：Custom Content Block コンポーネントの追加と設定

1. 作成したパッケージの詳細画面で、Components セクションの Add Component をクリックします。
2. コンポーネントタイプの選択画面で Custom Content Block を選択し、Next をクリックします。
3. Name 欄に Typeface と入力します。
4. Endpoint URL 欄に公式エンドポイントを入力します：

   https://sfdc-cb-prod.typeface.ai
   

5. Save をクリックします。

これにより、Content Builder のカスタムブロック一覧に Typeface が登録されます。

ステップ 3：API Integration コンポーネントの追加と権限設定

生成された画像や HTML を SFMC の Content Builder アセットライブラリに書き込むため、安全なサーバー間連携を構成します。

1. 同じパッケージ画面で、再度 Add Component をクリックします。
2. API Integration を選択し、Next をクリックします。
3. 連携タイプとして Server-to-Server を選択し、Next をクリックします。
4. プロパティ設定画面の ASSETS セクションで、以下の権限にチェックを入れます：
   • Documents and Images：Read および Write
   • Saved Content：Read および Write
5. 最小権限の原則に従い、その他の不要なスコープは選択しないでください。
6. Save をクリックします。
7. 生成された以下の 4 つの認証情報をコピーし、安全な場所に保管します：
   • Client Id（クライアント ID）
   • Client Secret（クライアントシークレット）
   • Authentication Base URI（認証ベース URI / Auth URL）
   • REST Base URI（REST サービスベース URI）

ステップ 4：ビジネスユニットのライセンス割り当てとアクセス権設定

複数のブランドやリージョンを管理している場合：

1. パッケージ画面の Access タブをクリックします。
2. アクセス範囲を設定します：
   • 全社で利用可能にする場合は License Everyone を選択します。
   • 特定のブランドやパイロットチームに限定する場合は、対象の Business Unit（ビジネスユニット）とユーザーロールを選択します。
3. 設定を保存します。

ステップ 5：Typeface 側でコネクタを設定・接続する

1. 別のブラウザタブで、管理者権限を持つアカウントで Typeface プラットフォームにログインします。
2. サイドメニューから Settings（設定）を選択し、Connectors（コネクタ一覧）を開きます。
3. Salesforce Marketing Cloud カードを探し、Connect をクリックします。
4. ステップ 3 で取得した SFMC の認証情報を入力します：
   • Client ID
   • Client Secret
   • Authentication Base URI（例: https://mcxxxxxxxx.auth.marketingcloudapis.com/）
   • REST Base URI（例: https://mcxxxxxxxx.rest.marketingcloudapis.com/）
5. Verify & Connect をクリックし、ステータスが緑色（正常接続）に変わったことを確認します。

Content Builder での実務運用ワークフロー

設定が完了すると、マーケターは日々のメール作成作業の中で直接 Typeface を活用できます。

1. Typeface ブロックの配置

• SFMC の Email Studio > Content Builder に移動します。
• メールメッセージを新規作成するか、既存のテンプレートを開きます。
• 左側の Blocks パネルで Custom カテゴリを展開します。
• Typeface アイコンをメールキャンバス内の目的の位置にドラッグ＆ドロップします。

2. Brand Graph に基づくブランド準拠コピー＆ビジュアル生成

• 配置後、エディタ内で Typeface の生成インターフェースが開きます。
• マーケターは対象キャンペーンのペルソナやターゲット属性を選択します。
• Typeface は事前に定義された Brand Graph（ブランドトーン、用語集、法務要件、色彩ルール）を自動適用します。
• 自然言語プロンプトにより、セグメントに応じたキャッチコピー、本文、CTA ボタンのテキスト案を生成します。

3. 組み込みの Image Studio によるビジュアル微調整

• 外部のデザインツールを開くことなく、ブロック内で Image Studio を起動できます：
  • 商品画像の背景切り替え（スタジオ撮影画像を季節感のある生活シーンに瞬時に置換）。
  • ブランドフォントに準拠したテキストやレイアウト装飾の配置。
  • 切り抜かれた商品アセットをシーンに違和感なく配置し、自然な光と影を自動レンダリング。
• デザインチームへの依頼待ち時間をなくし、数分で完成度の高いビジュアルを作成できます。

4. SFMC への自動同期とメールレンダリング

• Save to Content Builder をクリックします。
• バックグラウンドの REST API 連携により、生成された高解像度画像とレスポンシブ HTML が SFMC アセットライブラリに保存されます。
• メールキャンバス上に即座に反映され、レイアウト崩れのない状態でプレビュー可能です。

発展的活用：Dynamic Content Block と Journey Builder によるパーソナライズの拡大

Typeface の生成能力を最大限に引き出すには、SFMC の動的コンテンツブロックや Salesforce Data Cloud との連携が不可欠です。

+-----------------------------------------------------------+
| Marketing Cloud メールテンプレート構造                     |
|                                                           |
|  +-----------------------------------------------------+  |
|  | Dynamic Content Block（動的コンテンツブロック）       |  |
|  |                                                     |  |
|  |   ルール 1: 地域 = 'アジア太平洋'                   |  |
|  |   -> Typeface アセット A（ローカライズ背景＆コピー） |  |
|  |                                                     |  |
|  |   ルール 2: 地域 = '北米・欧州'                     |  |
|  |   -> Typeface アセット B（欧米ライフスタイル素材）   |  |
|  |                                                     |  |
|  |   デフォルトルール: その他すべての購読者             |  |
|  |   -> Typeface 標準ブランドアセット                   |  |
|  +-----------------------------------------------------+  |
+-----------------------------------------------------------+

1. 複数バリエーションの一括生成: Typeface 上で、Data Cloud で定義されたセグメントごとに異なるビジュアルと訴求文のバリエーションを並行して生成します。
2. 動的ルールのマッピング: Content Builder の Dynamic Content Block を使用し、購読者の属性（会員ランク、購買履歴、関心カテゴリ）に応じて各バリエーションを割り当てます。
3. Journey Builder への組み込み: 動的メールを Journey Builder の自動化シナリオ（カゴ落ちフォロー、新規登録歓迎シリーズなど）に配置し、大規模かつ高精度なパーソナライズ配信を実現します。

ガバナンスと運用のベストプラクティス

1. Brand Graph の定期更新: 企業のブランド責任者は、新製品の発売やブランド規定の改定に合わせて Typeface のルールを最新状態に保ち、出力の品質と一貫性を担保します。
2. Content Builder 承認プロセスの併用: 生成スピードが向上しても、本番配信前には SFMC 組み込みの Approval（承認フロー）を通すことで、Human-in-the-loop（人間の最終チェック）体制を維持します。
3. マルチブランドにおける BU 分離: 複数の傘下ブランドを持つ企業では、ブランドごとに Installed Package の割り当てを分離し、素材や機密情報の混在を防ぎます。
4. メールクライアントのフォントフォールバック: Typeface が生成する画像内フォントは自由度が高い一方、HTML テキスト部分は Outlook などのメールクライアントの制約を受けるため、必ず Web セーフフォント（Arial や Helvetica）へのフォールバックスタックを確保してください。

参考資料

• Salesforce Marketing Cloud Now Includes Typeface | Typeface Integrations
• Salesforce Marketing Cloud New Integration - Typeface Experience for Personalized Marketing
• Salesforce Marketing Cloud - Now Build Campaigns with Typeface's AI-First Integrations
• Salesforce + Typeface: The full-loop marketing engine for Agentforce
• Agentic Marketing: Salesforce + Typeface AI Partnership
• Typeface at Dreamforce: Deep Integration with Slack, Agentforce, and DAM systems power autonomous marketing workflows
• Content Builder Block SDK | Salesforce Trailhead
• Salesforce Help