Skip to content
Engage Studio
/
/
/
Social Post
Last updated

ソーシャル ポストテンプレート

アバター・投稿者名・本文・リアクションボタンを含むソーシャルメディア投稿風のFlex Message。

カテゴリ: 通知

ソーシャル ポスト

アバター・本文・リアクションボタンを含むソーシャル投稿風バブル。

プレビュー
ソーシャル ポスト
JSONテンプレート
{
  "type": "bubble",
  "body": {
    "type": "box",
    "layout": "vertical",
    "contents": [
      {
        "type": "box",
        "layout": "horizontal",
        "contents": [
          {
            "type": "image",
            "url": "https://scdn.line-apps.com/n/channel_devcenter/img/flexsnapshot/clip/clip7.jpg",
            "size": "5xl",
            "aspectMode": "cover",
            "aspectRatio": "150:196",
            "gravity": "center",
            "flex": 1
          },
          {
            "type": "box",
            "layout": "vertical",
            "contents": [
              {
                "type": "image",
                "url": "https://scdn.line-apps.com/n/channel_devcenter/img/flexsnapshot/clip/clip8.jpg",
                "size": "full",
                "aspectMode": "cover",
                "aspectRatio": "150:98",
                "gravity": "center"
              },
              {
                "type": "image",
                "url": "https://scdn.line-apps.com/n/channel_devcenter/img/flexsnapshot/clip/clip9.jpg",
                "size": "full",
                "aspectMode": "cover",
                "aspectRatio": "150:98",
                "gravity": "center"
              }
            ],
            "flex": 1
          }
        ]
      },
      {
        "type": "box",
        "layout": "horizontal",
        "contents": [
          {
            "type": "box",
            "layout": "vertical",
            "contents": [
              {
                "type": "image",
                "url": "https://scdn.line-apps.com/n/channel_devcenter/img/flexsnapshot/clip/clip13.jpg",
                "aspectMode": "cover",
                "size": "full"
              }
            ],
            "cornerRadius": "100px",
            "width": "72px",
            "height": "72px"
          },
          {
            "type": "box",
            "layout": "vertical",
            "contents": [
              {
                "type": "text",
                "contents": [
                  {
                    "type": "span",
                    "text": "brown_05",
                    "weight": "bold",
                    "color": "#000000"
                  },
                  {
                    "type": "span",
                    "text": "     "
                  },
                  {
                    "type": "span",
                    "text": "I went to the Brown&Cony cafe in Tokyo and took a picture"
                  }
                ],
                "size": "sm",
                "wrap": true
              },
              {
                "type": "box",
                "layout": "baseline",
                "contents": [
                  {
                    "type": "text",
                    "text": "1,140,753 Like",
                    "size": "sm",
                    "color": "#bcbcbc"
                  }
                ],
                "spacing": "sm",
                "margin": "md"
              }
            ]
          }
        ],
        "spacing": "xl",
        "paddingAll": "20px"
      }
    ],
    "paddingAll": "0px"
  }
}

用途

  • コミュニティ・ファンクラブのお知らせ
  • ブログ・ニュース記事のサマリー
  • ユーザー生成コンテンツのハイライト

カスタマイズ

フィールドカスタマイズ方法
contents.body (avatar/name)アバターURLと投稿者表示名を置き換えます。
contents.body (body text)Liquid対応。可読性のため400文字以内が目安。
contents.body (reactions)リアクションボタンはpostbackイベントを発火し、計測ログ可能。
出典

このテンプレートはLINE Flex Message Simulator をベースに改変しています。配信前に、ペイロードをブランドとキャンペーン文脈に合わせて調整してください。

ギャラリーに戻る

← Flex Messageテンプレート一覧

Shopping Carousel

Event Ticket