チュートリアル: マーケティングオートメーションUIにアクティビティの種類を追加する

FinalItemアクティビティの種類

Version:

日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

FinalItemアクティビティの種類は、Marketing Automationが連絡先をキャンペーンに登録するときのロジックを定義するのに役立ちます。Sitecoreは、デフォルトでFinalItemアクティビティタイプの関連するユースケースをカバーしています。

アイテムの構造

FinalItemアクティビティの種類には、次の構造が含まれています。

Illustration showing the structure of the FinalItem activity type.

プロパティ

FinalItemアクティビティの種類には、次のプロパティがあります。

インゴーイングパス	1
送信パス	1
タイトルとサブタイトル	アクティビティ・タイプ・パラメータが定義されているときに表示されます。
ロジック位置	他のFinalItemアクティビティタイプの前。

サポートされているCSSクラス

FinalItemアクティビティタイプは、次のCSSクラスをサポートしています。

CSSクラス	未定義	定義
marketing-action
other-element

サンプルTypeScript実装

これは、FinalItemアクティビティタイプのサンプル実装です。

sample/src/sample-final-item-activity-type.ts

import { FinalItem } from '@sitecore/ma-core';

export class SampleFinalItemActivityType extends FinalItem {

  getVisual(): string {
    const subTitle = this.isDefined ? 'Count: ' + this.editorParams.count : '';
    const cssClass = this.isDefined ? '' : 'undefined';

    // The CSS class can either be marketing-action or other-element.
    return `
      <div class="other-element ${cssClass}">
        <span class="icon">
          <img src="/~/icon/OfficeWhite/32x32/gearwheels.png" />
        </span>
        <p class="text with-subtitle" title="Sample final item">
          Sample final item
          <small class="subtitle" title="${subTitle}">${subTitle}</small>
        </p>
      </div>
    `;
  }

  get isDefined(): boolean {
    /*
      The editorParams property value is the object that is serialized from the activity editor.
      If the activity is undefined, the editorParams property will evaluate to {}.
    */
    return Boolean(this.editorParams.count);
  }
}

この記事を改善するための提案がある場合は、お知らせください!