[管理画面]コンテンツ表示タグの作成

こちらのページは、ソーシャル機能をご契約中のお客様向けの内容となっております。

LEEEP2024-10-30

「スタッフ機能」は2025年4月より「ソーシャル機能」として提供しております。

一部表記に旧名称が残っている場合がございますが、機能内容に変更はございません。

管理画面の投稿引用「タグ」からタグ画面に遷移してください。

「タグを新規作成する」をクリックし、お好みのタグの表示形式を選び、タグを作成してください。

タグ名は自由に決めていただけます。運用する上でわかりやすい名前をつけてください。

公開ステータスは「公開」 「テスト」 「非公開」の3種類から選択できます。

  • 公開:タグがすべての訪問者に表示されます。

  • テスト:URLにクエリパラメータ leeep_test=on を追加した場合のみタグが表示されます。

    本番サイトで動作を確認したいが、まだ一般のお客様には見せたくない場合にご利用ください。

  • 非公開:タグは表示されません。※プレビュー機能は利用不可

「何を掲載するか」の設定です。引用するコンテンツの管理>スタッフ投稿タブで「公開中」になっている投稿から、以下の条件で表示します。

投稿種別

すべて

レディース・メンズ・キッズすべての投稿の表示を許可します。

レディースのみ

レディース投稿のみ表示を許可します。

メンズのみ

メンズ投稿のみ表示を許可します。

キッズのみ

キッズ投稿のみ表示を許可します。

フォロー

指定なし

フォローした投稿者の投稿のみ

フォローした投稿者の投稿のみ表示したい場合にご設定ください。

参考ドキュメント

いいね

指定なし

いいねした投稿のみ

いいねした投稿のみ表示したい場合にご設定ください。

ブランド

指定なし

マクロで指定

特定のブランドが紐づいた投稿のみ表示したい場合にご設定ください。※この項目は複数ブランドをお持ちの場合に設定可能です。

店舗

指定なし

マクロで指定

特定の店舗が紐づいた投稿のみを表示したい場合にご設定ください。

※参考ドキュメント

直接指定

カンマ区切りで店舗コードを直接指定できます。

商品

指定なし

マクロで指定

特定の商品が紐づいた投稿のみ表示したい場合にご設定ください。

直接指定

カンマ区切りでブランドコードを直接指定できます。

ハッシュタグ

指定したいハッシュタグを追加してください。1つのタグに対して、複数のハッシュタグを指定することも可能です。

※複数のハッシュタグを指定した場合、OR条件が適用されます。

※参考ドキュメント

並び順

新着順

投稿の公開日の新しい順に表示します。

PV順

投稿の過去30日間の閲覧数の多い順に表示します。

投稿種別

すべて

レディース・メンズ・キッズすべての投稿の表示を許可します。

レディースのみ

レディース投稿のみ表示を許可します。

メンズのみ

メンズ投稿のみ表示を許可します。

キッズのみ

キッズ投稿のみ表示を許可します。

いいね

指定なし

いいねした投稿のみ

いいねした投稿のみ表示したい場合にご設定ください。

デフォルト並び順

新着順

投稿の公開日の新しい順に表示します。

PV順

投稿の過去30日間の閲覧数の多い順に表示します。

フォロー

指定なし

フォローした投稿者のみ

フォローした投稿者のみ表示したい場合にご設定ください。

デフォルト並び順

投稿新着順

投稿の公開日の新しい順に表示します。

投稿PV順

投稿の過去30日間の閲覧数の多い順に表示します。

フォロー

指定なし

フォローした投稿者のみ

フォローした投稿者のみ表示したい場合にご設定ください。

ブランド

指定なし

マクロで指定

特定のブランドに紐づく投稿者のみ表示したい場合にご設定ください。※この項目は複数ブランドをお持ちの場合に設定可能です。

直接指定

カンマ区切りでブランドコードを直接指定できます。

並び順

投稿新着順

その投稿者の最新の投稿の公開日の新しい順に表示します。

投稿PV順

その投稿者のすべての投稿の過去30日の閲覧数の合計の多い順に表示します。

「どのように掲載するか」の設定です。投稿の見た目と動きをカスタマイズします。

余白 (px)

タグの上下左右の余白をそれぞれ調整します。

最大の横幅 (px)

タグの横幅のサイズを調整します。

タグの表示形式で「ソーシャル投稿検索ページ」 「投稿者検索ページ」を選択した場合に設定可能です。

表示する項目

ドラッグ&ドロップして表示する項目を選択できます。

また、フィルタの設定(ラジオボタンかチェックボックス)も可能です。※「身長」 「並び順」についてはラジオボタンのみ

検索項目が多い場合は、こちらの機能をご活用ください。

候補

アクセントカラー

CSSのcolor値を入力してください。

関連記事:

タグの表示形式で「ソーシャル投稿検索ページ」 「ソーシャル検索ページ」を選択した場合に設定可能です。

1.並び替えたい項目の右横にある「…」をクリックし、「編集する」を選択してください。

2.ドラッグ&ドロップで検索対象の並び替えを行い、「適用する」ボタンをクリックして設定を保存してください。

選択しているタグの表示形式によって設定項目が異なります。

項目名

表示

説明

列数(PC)

列数は1~6まで指定できます。

PC表示の際にコンテンツを何列並べるかを指定します。

横スクロールを指定している場合はファーストビューでの表示数を表します。

表示数(PC)

表示数は1~100まで指定できます。

PC表示の際にコンテンツを何枚並べるかを指定します。

列数(スマホ)

列数は1~4まで指定できます。

スマホ表示の際にコンテンツを何列並べるかを指定します。

横スクロールを指定している場合はファーストビューでの表示数を表します。

表示数(スマホ)

表示数は1~100まで指定できます。

スマホ表示の際にコンテンツを何枚並べるかを指定します。

スタイル

枠あり

コンテンツの縁に枠をつけて表示します。

枠なし

コンテンツの縁に枠をつけず表示したい場合におすすめです。

横スクロール

なし

横にスクロールせず、追加コンテンツの読み込みは縦にアコーディオン形式で表示します。

横スクロール

横スクロールでコンテンツを表示します。

動画の再生

なし

表示されるコンテンツが動画の場合、再生ボタンをクリックすると動画が再生されます。

最初の5秒

表示されるコンテンツが動画の場合、最初の5秒がループ再生されます。

フル

表示されるコンテンツが動画の場合、最後までフルで再生されます。

順位の表示

あり

投稿や投稿者の順位を表示します。

※並び順で「PV順」を選んでいる場合に設定できます。

詳しくはこちらのページをご確認ください。

なし

投稿や投稿者の順位を非表示にします。

※並び順で「PV順」を選んでいる場合に設定できます。

動画再生タイプ

すべて再生

全ての動画が一斉に再生されます。

※「動画の再生」で「最初の5秒」 「フル」を選んでいる場合に設定できます。

順番に再生

1ずつ動画が再生されます。

※「動画の再生」で「最初の5秒」 「フル」を選んでいる場合に設定できます。

投稿者

あり

投稿者の身長・ブランド・店舗などの情報を表示します。

なし

投稿者の身長・ブランド・店舗などの情報を非表示にします。

投稿者の身長

あり

投稿者の身長を表示します。

なし

投稿者の身長を非表示にします。

投稿者のブランド

あり

投稿者の所属ブランドを表示します。

なし

投稿者の所属ブランドを非表示にします。

投稿者の店舗

あり

投稿者の所属店舗を表示します。

なし

投稿者の所属店舗を非表示にします。

投稿者のSNS

あり

投稿者のSNSアカウントを表示します。

なし

投稿者のSNSアカウントを非表示にします。

在庫切れ商品の表示

あり

なし

投稿に関連する商品一覧から在庫切れ商品を非表示にします。

在庫情報の登録・更新についてはこちらをご確認ください。

商品の見出し

デフォルトでは「掲載商品」となります。必要に応じてご変更ください。

商品のSKU情報

あり

商品のSKU情報を表示します。

なし

商品のSKU情報を非表示にします。

商品の価格

あり

商品の価格を表示します。

なし

商品の価格を非表示にします。

関連投稿の見出し

デフォルトでは「この投稿者の他の投稿」になります。必要に応じてご変更ください。

投稿一覧の見出し

デフォルトでは「この投稿の見出し」になります。必要に応じてご変更ください。

キャプション

あり

各コンテンツのキャプションを表示します。

なし

各コンテンツのキャプションを非表示にします。

日付

あり

各コンテンツの公開日を表示します。

なし

各コンテンツの公開日を非表示にします。

いいねの表示

あり

投稿の右下にあるハートアイコンをクリックすると色が変わります。詳しくはこちらのページをご確認ください。

なし

フォローの表示

あり

投稿者画像の下にある「+」をクリックすると「✓」のアイコンに変わります。詳しくはこちらのページをご確認ください。

なし

もっと見る

ボタンクリック

もっと見るボタンを押下することで、追加でコンテンツが表示されます。

ボタンの文字列も必要に応じて変更可能です。

スクロールで自動読込

スクロールでコンテンツ一覧の終端に到達した際に自動で次のコンテンツが表示されます。

ページング

コンテンツを複数のページに分割できます。ページを送るためのリンクも表示されます。

なし

コンテンツの追加読み込み機能を利用しない場合におすすめです。

リンク

新しいタブで開く

投稿者情報へのリンクを新しいタブで開くことができます。

同じタブで開く

投稿者情報へのリンクを同じタブで開くことができます。

クレジット表記(オプション)

あり

タグの右下に「Powered by LEEEP」のロゴが表示がされます。

なし

タグの右下にある「Powered by LEEEP」のロゴを非表示にします。

ロゴ非表示にあたっては、オプションのお申し込みが必要です。

コンテンツの上下に常に表示されます。コンテンツが0件のときは非表示になります。

タグのヘッダーおよびフッターHTMLに商品IDをマクロで埋め込める機能については、こちらのページをご参照ください。

タグの見た目をCSSで詳細にカスタマイズできます。詳しくはこちらのページをご参照ください。

タグの見た目をJavaScriptで詳細にカスタマイズできます。

カスタムJavaScriptマニュアルについては、「マニュアルはこちら」をクリックすると、ポップアップで表示されます。

作成したタグをプレビューで確認することができます。

タグ画面中部にある、「プレビュー」を押下すると別タブで開きます。

スマホ・PCそれぞれのプレビューを確認できます。

※タグの公開ステータスが「非公開」の場合はご利用いただけません。

コンテンツ表示タグの設置については、カートシステムによって設置方法が異なるため、利用中のシステムに応じた指示が記載されたページをご参照ください。

<関連記事>