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

ConditionItemアクティビティの種類

Version:

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

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

ConditionItemアクティビティの種類は、Marketing Automationが連絡先をキャンペーンに登録するときのロジックを定義するのに役立ちます。

ConditionItemアクティビティタイプを使用して、コンタクトのインタラクションまたはタイムアウトを待ってから、2つの異なるマーケティングアクションのどちらを選択するかを決定します。たとえば、連絡先にニュースレターへの登録を提案できます。連絡先がサインアップした場合は、Yesパスを続行して、お礼のメッセージを送信できます。連絡先がサインアップしない、または一定期間何もしない場合は、Noパスに沿って続行することを選択できます。

アイテムの構造

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

Illustration showing the structure of the ConditionItem activity type.

プロパティ

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

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

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

ConditionItemアクティビティの種類は、次のCSSクラスをサポートしています。

CSSクラス	未定義	定義
listener

サンプルTypeScript実装

これは、ConditionItemアクティビティの種類のサンプル実装です。

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

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

export class SampleConditionItemActivityType extends ConditionItem {

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

    // The CSS class can only be listener.
    return `
      <div class="listener ${cssClass}">
        <span class="icon">
          <img src="/~/icon/OfficeWhite/32x32/gearwheels.png" />
        </span>
        <p class="text with-subtitle" title="Sample condition item">
          Sample condition 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);
  }
}

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