カテゴリー
【共通】コンテンツ表示タグ
LEEEPで収集された投稿をサイトに掲載するには、コンテンツ表示タグを作成する必要があります。自社サイトに最適な見た目や動きをカスタマイズし、投稿をより魅力的に掲載しましょう。
コンテンツ表示タグの作成・設置
以下のプランの方はタグの上限数が2つまでとなっておりますため、「2. タグの編集」から参照ください。 ＜契約プラン＞ - FREEプラン（Shopifyアプリ、makeshopアプリ向け） - エントリープラン（Colormeアプリ向け） 1．タグの作成 管理画面の投稿引用「タグ」からタグ画面に遷移してください。 「タグを新規作成する」をクリックし、お好みのタグの表示形式を選び、タグを作成してください。 タグ画面 タグの表示形式を選択 2．タグの編集 タグ名 タグ名は自由に決めていただけます。運用する上でわかりやすい名前をつけてください。 公開ステータス 公開ステータスは「公開」 「テスト」 「非公開」の3種類から選択できます。 - 公開：タグがすべての訪問者に表示されます。 - テスト：URLにクエリパラメータ leeep_test=on を追加した場合のみタグが表示されます。 本番サイトで動作を確認したいが、まだ一般のお客様には見せたくない場合にご利用ください。 - 非公開：タグは表示されません。※プレビュー機能は利用不可 コンテンツ設定 「何を掲載するか」の設定です。コンテンツ管商品ページにコンテンツを掲載する
商品ページ用のタグを作成し、商品ページにコンテンツを掲載する手順をご案内いたします。 今回は「商品ページに紐づけた投稿のみを、その商品ページに表示させたい」というケースを想定しています。 前提条件 以下の3点が対応済みであることをご確認ください。 - コンテンツ管理画面に、サイトに掲載したい投稿が存在している。 - 投稿に商品が紐づけられている。 - 最新のLEEEP共通タグが商品ページに埋め込まれている。 --- 1．商品ページ用のタグを作成する タグ画面の「タグを新規作成する」ボタンをクリックし、表示形式を選択してください。 ※本記事では「リスト」のタグを選んで進めます。 --- 2．商品ページ用のタグ条件を設定する コンテンツ設定の箇所にて、「商品」の項目を「マクロで指定」に設定してください。 この設定を有効にすることで、商品ページごとに投稿を自動的に出し分けられるようになります。 --- 3．商品ページ用のタグを設置する 各カートシステムの設置マニュアルを参考にタグを設置してください。 - HTML（自社サイト） - Shopify - makeshop - カラーミーショップコンテンツ表示タグにCSSを適用する
1. CSSの適用 LEEEP管理画面のタグ一覧画面からCSSを適用させたいタグの編集画面へ移動します。 「カスタムCSS」の項目に適用させたいCSSの記述をお願いいたします。 2. 各要素のid、class名の確認方法 全ての要素と命名の対応表のご用意がないため、CSSを適用されたい要素をブラウザのデベロッパーツール等で確認いただき、適切に実装をお願いいたします。 3. CSS実装例 以下の実装例をカスタムCSSとして入力・保存していただくことでCSSによるデザイン変更をお試しいただけます。 フォントをセリフ体（明朝体）に変更する * { font-family: serif; } コンテンツの枠線を緑色に変更する .post { border: 1px solid #2ea099 !important; } 「もっと見る」のスタイルをシックに変更する .see-more { border: none; border-radius: 0; background-color: #333; color: #fff; } 商品のカードを角丸に変更する .product-card { borLEEEPロゴ非表示（オプション）
タグの右下にある「Powered by LEEEP」のロゴを非表示に変更することができます。 本機能が利用できる契約プランは以下の通りです。 ＜契約プラン＞ - LEEEP ロゴ非表示（オプション） ※FREEプラン、エントリープランはオプション追加の対象外です。 1. ロゴを非表示にしたいタグを選択 管理画面の投稿引用「タグ」から、ロゴを非表示にしたいタグを選択してください。 2. クレジット表記を「なし」に変更する タグの編集>スタイリング設定の項目で、クレジット表記を「なし」に変更してください。 「保存する」をクリック後、およそ5分程度で変更内容がサイトへ反映されます。 ＜関連する質問＞ - 「Powered by LEEEP」のロゴを非表示にしたいです。 - 「タグの編集」で変更した内容がウェブサイトに反映されません。「メール内リスト」タグの活用方法と作成手順について
「メール内リスト」タグを活用することで、LEEEPに収集した静止画コンテンツをメールに組み込み、効率的にお客様にお届けすることが可能です。 ■ このような場合におすすめです - InstagramやTwitterの投稿を活用し、商品やサービスをメールで紹介したい場合 - 特定のキャンペーンやセール情報を静止画で告知し、ターゲットに効率よく配信したい場合 - 顧客に視覚的にインパクトのあるメールを送信したい場合 ■ 利用可能な契約プラン InstagramおよびTwitter連携を実施しているすべてのプランでご利用いただけます。 ■ 注意事項 - 対応するコンテンツは、InstagramおよびTwitterから取得した静止画に限定されます - 動画コンテンツ（アップロードを含む）には対応しておりません - ソーシャル機能内でのコンテンツには対応しておりません - コンテンツ経由での売上など、レポート機能は計測できません ■ タグの作成・設置 1．LEEEP管理画面の「タグ」>「タグを新規作成する」ボタンをクリックします。 2．「タグの表示形式を選択」画面で、「メールに埋め込む」のタブをク