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

SingleItemアクティビティの種類

Version:

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

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

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

SingleItem活動タイプは、マーケティングアクションを実行し、その後直接別の活動タイプに進む場合に使用します。たとえば、連絡先にメールを送信してから、一意の個人コードを含むSMSを送信できます。

アイテムの構造

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

Illustration showing the structure of the SingleItem activity type.

プロパティ

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

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

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

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

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

サンプルTypeScript実装

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

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

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

export class SampleSingleItemActivityType extends SingleItem {

  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="marketing-action ${cssClass}">
        <span class="icon">
          <img src="/~/icon/OfficeWhite/32x32/gearwheels.png" />
        </span>
        <p class="text with-subtitle" title="Sample single item">
          Sample single 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);
  }
}

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