オプション 2 - <img>
の使用
必須属性:
class:"mktoImg"
id:ID 文字列。文字、数字、ダッシュ(-)、アンダースコア(_)のみが含まれます。スペースは使用できません。一意である必要があります。
mktoName:文字列。これは、ランディングページエディターに表示される表示名です。ベストプラクティスは、わかりやすい名前を使用することです。
任意:
src:文字列 URL。これは、画像のデフォルト値として使用されます。
例:
<img class="mktoImg" id="exampleImg" mktoName="Example Image">
<img>
バージョンを使用する場合、レンダリングされた HTML には <img>
タグの周りに生成された div ラッパーが含まれます。クラス「mktoImg.mktoGen」に指定されて、display:inline-block となります。フォーム
例:必須属性:
class:"mktoForm"
id:ID 文字列。文字、数字、ダッシュ(-)、アンダースコア(_)のみが含まれます。スペースは使用できません。一意である必要があります。
mktoName:文字列。これは、ランディングページエディターに表示される表示名です。ベストプラクティスは、わかりやすい名前を使用することです。
<div class="mktoForm" id="exampleForm" mktoName="Example Form"></div>
スニペット
必須属性:
class:"mktoSnippet"
id:ID 文字列。文字、数字、ダッシュ(-)、アンダースコア(_)のみが含まれます。スペースは使用できません。一意である必要があります。
mktoName:文字列。これは、ランディングページエディターに表示される表示名です。ベストプラクティスは、わかりやすい名前を使用することです。
例:
<div class="mktoSnippet" id="exampleSnippet" mktoName="Example Snippet"></div>
共有ボタン
必須属性:
class:"mktoShareButton"
id:ID 文字列。文字、数字、ダッシュ(-)、アンダースコア(_)のみが含まれます。スペースは使用できません。一意である必要があります。
mktoName:文字列。これは、ランディングページエディターに表示される表示名です。ベストプラクティスは、わかりやすい名前を使用することです。
例:
<div class="mktoShareButton" id="exampleShareButton" mktoName="Example Share Button"></div>
動画
必須属性:
class:"mktoVideo"
id:ID 文字列。文字、数字、ダッシュ(-)、アンダースコア(_)のみが含まれます。スペースは使用できません。一意である必要があります。mktoName:文字列。これは、ランディングページエディターに表示される表示名です。ベストプラクティスは、わかりやすい名前を使用することです。
例:
<div class="mktoVideo" id="exampleVideo" mktoName="Example Video"></div>
投票
必須属性:
class:"mktoPoll"
id:ID 文字列。文字、数字、ダッシュ(-)、アンダースコア(_)のみが含まれます。スペースは使用できません。一意である必要があります。
mktoName:文字列。これは、ランディングページエディターに表示される表示名です。ベストプラクティスは、わかりやすい名前を使用することです。
例:
<div class="mktoPoll" id="examplePoll" mktoName="Example Poll"></div>
参照元
必須属性:
class:"mktoReferral"
id:ID 文字列。文字、数字、ダッシュ(-)、アンダースコア(_)のみが含まれます。スペースは使用できません。一意である必要があります。
mktoName:文字列。これは、ランディングページエディターに表示される表示名です。ベストプラクティスは、わかりやすい名前を使用することです。
例:
<div class="mktoReferral" id="exampleReferral" mktoName="Example Referral"></div>
懸賞
必須属性:
class:"mktoSweepstakes"
id:ID 文字列。文字、数字、ダッシュ(-)、アンダースコア(_)のみが含まれます。スペースは使用できません。一意である必要があります。
mktoName:文字列。これは、ランディングページエディターに表示される表示名です。ベストプラクティスは、わかりやすい名前を使用することです。
例:
<div class="mktoSweepstakes" id="exampleSweepstakes" mktoName="Example Sweepstakes"></div>
編集可能な変数
すべての変数型は、${ } 文字シーケンスで囲まれた id 属性の値を参照することで使用されます。これらは、他の変数宣言内を除き、ドキュメント内の任意の場所で使用できます。
例:
${var1}
宣言:
変数は、テンプレートの <head>
要素内でメタタグとして宣言されます。使用できる変数は文字列、色、およびブール値の 3 種類です。
文字列
必須属性:
class:"mktoString",
id:ID 文字列。文字、数字、ダッシュ(-)、アンダースコア(_)のみが含まれます。スペースは使用できません。一意である必要があります。
mktoName:文字列。これは、ランディングページエディターに表示される表示名です。ベストプラクティスは、わかりやすい名前を使用することです。
任意:
default:属性の文字列値。何も指定しない場合は空白です。
allowHtml:"true" または "false"HTML をエスケープせずに値を出力するかどうかを制御します。未設定の場合はデフォルトで「false」に設定されます。
基本的な例:
<meta class="mktoString" id="var1" mktoName="My Variable">
すべての属性の例:
<meta class="mktoString" id="var1" mktoName="My Variable" default="This is my default value" allowHtml="true">
色
必須属性:
class:"mktoColor"
id:ID 文字列。文字、数字、ダッシュ(-)、アンダースコア(_)のみが含まれます。スペースは使用できません。一意である必要があります。
mktoName:文字列。これは、ランディングページエディターに表示される表示名です。ベストプラクティスは、わかりやすい名前を使用することです。
任意:
default:7 桁の 16 進数のカラーコード。例:#336699
基本的な例:
<meta class="mktoColor" id="color1" mktoName="My Color Variable">
すべての属性の例:
<meta class="mktoColor" id="color" mktoName="My Color Variable" default="#336699">
ブール値
必須属性:
class:"mktoBoolean"
id:ID 文字列。文字、数字、ダッシュ(-)、アンダースコア(_)のみが含まれます。スペースは使用できません。一意である必要があります。
mktoName:文字列。これは、ランディングページエディターに表示される表示名です。ベストプラクティスは、わかりやすい名前を使用することです。
任意:
default:ブール文字列。「true」と「false」は、値が ON の位置で始まるか OFF の位置で始まるかを制御します。指定しない場合は「false」です。
false_value:文字列。変数が OFF 位置にあるときに挿入される値です。指定しない場合は「false」です。
true_value:文字列。変数が ON 位置にあるときに挿入される値です。指定されない場合は「true」です。
false_value_name:文字列。値がオフの位置にあるときにランディングページエディターに表示される表示名です。指定されていない場合は「OFF」です。
true_value_name:文字列。値がオンの位置にある場合にランディングページエディターに表示される表示名です。指定されていない場合は「ON」です。
基本的な例:
<meta class="mktoColor" id="color" mktoName="My Color Variable" default="#336699">
<meta class="mktoBoolean" id="boolean1" mktoName="My Boolean Variable">
すべての属性の例:
この例は、CSS で要素を ID で表示/非表示にする CSS 表示プロパティの値を「block」または「none」に設定して、ブール変数が CSS 要素の表示/非表示を制御する一般的な使用例を示しています。ランディングページエディターでは、「オフ」/「オン」の代わりに、「表示」/「非表示」という表示名が使用されます。
<meta class="mktoBoolean" id="boolean1" mktoName="My Boolean Variable" default="true" true_value="block" false_value="none" false_value_name="Hide" true_value_name="Show"> <style> #myConditionalDisplayArea { display: ${boolean1}; } </style>