プロモーションウィジェットアイテムコンポーネントの使用法
リチウムキルトレベルまたはリチウムキルトでレンダリングされるページカスタムコンテンツ領域のいずれかで、XMLの任意のページセクションにコンポーネントを追加します。 パラメータを含める必要があります。 パラメータのないインスタンスは表示されません。
<@component id = "jmp.PromoWidgetItem"パラメーター/>
プロモーションアクティベーションラベル
プロモーションは非アクティブと見なされ、記事のラベルが表示されるまでローテーションで表示されませんpromo_activeそれに割り当てられます。
コンポーネントインスタンスレベルのパラメータ
これらの構成はXMLレベルで行われます。 パラメータは加算的であるため、ラベル+タグ+プロモイド含まれますすべて一致するプロモーションどれか含まれている用語のを除いてを使用して除外したもの除外するパラメータ。
複数のパラメータ値のリスト、すなわち、 labels = "label1、label2" Javascriptではなく、ページが更新されるたびにランダムに1回ローテーションされます。
パラメータ
|
説明と例
|
|---|
プロモイド
|
ここに入力したリチウムID、つまり「134」の広告を表示します。 ページビューごとにランダムにローテーションする1つ以上の広告のコンマ区切りリストにすることができます（更新時）。
<@component id = "jmp.PromoWidgetItem" promoid = "134" />
<@component id = "jmp.PromoWidgetItem" promoid = "134、718、401" />
|
ラベル
|
ここにリストされているラベルを使用して、カンマ区切りの1つ以上の広告をランダムに表示します。
<@component id = "jmp.PromoWidgetItem" label = "Godzilla" />
<@component id = "jmp.PromoWidgetItem" labels = "ゴジラ、スーパーマン" />
|
タグ
|
ここにリストされているタグを使用して、カンマ区切りの1つ以上の広告をランダムに表示します。
<@component id = "jmp.PromoWidgetItem" tags = "Goats" />
<@component id = "jmp.PromoWidgetItem" tags = "ヤギ、鳥、牛" />
|
開始
|
ここに入力した日付から選択した広告を表示します。 YYYYMMDD形式である必要があります。 これが設定されていない場合、他の設定で示されていれば、広告はすぐに表示されます。
<@component id = "jmp.PromoWidgetItem" start = "20180214" />
|
終わり
|
ここに入力した日付以降、広告は表示されません。 YYYYMMDD形式である必要があります。 これが構成されていない場合、終了日はありません。
<@component id = "jmp.PromoWidgetItem" end = "20180315" />
|
除外する
|
アレイから除外するリチウムIDのリスト。 たとえば、ラベル「ユーモア」に含まれているがID「123」と「456」を除外しているすべてのプロモーションが必要な場合があります。
<@component id = "jmp.PromoWidgetItem" label = "humor" exclude = "123,456" />
|
プロモーションアイテムレベルの構成
これらの構成は、プロモーション広告レベルで、本文テキスト（および該当する場合はカバー画像）で行われます。 セクション、コンテンツ、ボタン、色、インライン画像、背景画像に分かれています。
重要：貼り付けるときは、プラットフォームに応じて「プレーンテキストで貼り付ける」や「スタイルを貼り付けて合わせる」などを使用してください。 誤って入力領域を上書きしてしまった場合は、[元に戻す]をクリックしてください。 適切な入力領域にないコンテンツはレンダリングされません。
コンテンツ
テキストのみである必要があります。 これらにはHTMLやその他のスタイルはありません。
| 名前 |
説明 |
デフォルト |
|---|
見出し
|
まず、最大のテキスト |
"テキスト"
|
小見出し
|
第二に、小さいテキスト |
"テキスト"
|
メッセージ
|
本文、最小 |
"テキスト"
|
アクション/ボタン
色は、16進数の色の値のみを使用して設定する必要があります。 ＃cc6600またはCSSキーワードトランスペアレント。
| 名前 |
説明 |
デフォルト |
|---|
リンク
|
ユーザーが広告をクリックするとアクセスするターゲットURL |
"http://www.jmp.com"
|
ボタンのテキスト
|
ボタンのテキスト |
"もっと詳しく知る"
|
ボタンbgカラー
|
ボタンのメインカラー |
＃cc6600 （JMPオレンジ）
|
ボタンのテキストの色
|
ボタンのテキストの色 |
#ffffff （白い）
|
色
色は、16進数の色の値のみを使用して設定する必要があります。 ＃cc6600またはCSSキーワードトランスペアレント。
| 名前 |
説明 |
デフォルト |
|---|
テキストの色
|
見出し、小見出し、メッセージテキストの色 |
#ffffff （白い）
|
背景色
|
プロモーションカラーの背景。 （背景画像の不透明度はデフォルトで30％に設定され、色が表示されます）。 |
＃cc6600 （JMPオレンジ）
|
ボーダの色
|
広告の背景やページの背景と区別するための広告の境界線。 |
#dddddd （ミディアムグレー）
|
背景画像
右側のサイドバーにあるリチウムのカバー写真を使用して背景画像を設定します（右の例を参照）。 すべての画面サイズで予測可能に表示できるようにするために、推奨される画像サイズは1900px x500pxです。
選択した画像は自動的に背景に配置され、デフォルトで不透明度が30％に設定されます。
背景画像の表示方法を変更したい場合は、画像のcss不透明度そしてポジションプロパティは構成可能です。
| 名前 |
説明 |
デフォルト |
|---|
画像の不透明度
|
0〜100。 0は完全に透明で背景色のみを表示し、100は完全に不透明で背景画像のみを表示します。 |
30
|
画像の位置
|
CSSの背景位置の値、つまり「左」、「中央」、「右」、「上」、「中央」、「下」。 「左上」など、任意の2つを使用します。 常にx軸の後にy軸を続ける必要があります。つまり、「左上」です。 |
センターセンター
|
インライン画像
推奨されませんが、左側のヘッドショットなど、状況によってはこれが必要になる場合があります。
| 名前 |
説明 |
デフォルト |
|---|
画像
|
すべてのテキストの前後に配置する画像。 仮にあったとしても、シンプルにしてください。 広告を作成するときは指示に従ってください。 写真フィールドにカーソルを置き、テキストパネルの[写真]ボタンを使用します。 |
ヌル
|
画像の位置
|
画像はテキストの前（垂直）または後、テキストの左側または右側にある必要がありますか？ 値は、前、後、左、右、一度に2つです。 |
出発前
|
