フォローカード

テーマのインクで大きく自信を持って表示される提供されたソーシャルハンドルには、1回のスキャンでフォローできるオプションのQRコードが付いています。

提供されたソーシャルハンドルをリスト、グリッド、行で表示し、オプションでQRリンクを付けます。ブロックは内容に合わせてサイズ調整され、1~2件は大きく落ち着いた表示、数件は大きなQRコード横の明確なリスト、多数はバランスの取れたページで順番に表示し、文字サイズは最低限を維持します。プライムタイムは段階的なハンドル導入、シアンのネットワークマーク、下三分の一のチェックマーク、ゆっくり動くアットマーク背景を追加します。QRコードは元の白黒モジュールと静かなゾーンで固定表示されます。

ライブカード

このカードはブラウザでプレーヤーと同じコードで描画され、サンプルデータを使用します。

カテゴリ: メディア。タグ: ソーシャルと観客、QRコード、店舗、レストランとカフェ。

レイアウト

この全画面カードはランドスケープまたはポートレートで画面全体を埋め、コーナー、チップ、ストリップとして配置されません。

レイアウト:フル。フォーム:ランドスケープ、ポートレート。

カードレイアウト、テーマ、公開。カードを閲覧。

データとプライバシー

このカードは設定されたプロパティとライブカードデータを使用します。

プロパティ

テーマ、背景、アクセント、位置については共通プロパティを参照してください。

カードの作成時に、静的プロパティをカードのparamsに設定します。データドキュメントは動的プロパティのみを保持します。ネストされた行は親プロパティの内容を説明します。

静的プロパティ

名前タイプデフォルト値と制限説明
handlesarrayminItems:1;maxItems:8;必須
handles[].networkstring"instagram"、"facebook"、"x"、"linkedin"、"tiktok"、"youtube"、"threads"、"whatsapp"、"pinterest"、"spotify"、"snapchat"、"discord"、"email"、"web";必須
handles[].handlestringminLength:1;maxLength:80;必須
handles[].urlstring""maxLength:2048
titlestring"Follow us"maxLength:60
qrstring""maxLength:1024設定されている場合、リンクを開くQRコードがハンドルの横に表示されます。
backgroundColor文字列、nullnullパターン:"^#[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?$"カードの背景とプレートをフラットなCSS順序の色で上書きします。#RRGGBBAAは不透明度を指定します。background noneが優先されます。
textColor文字列、nullnullパターン:"^#[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?$"メインとセカンダリのテキスト色を上書きします。アクセントと意味的な状態色はそのまま維持されます。

動的プロパティ

このカードには動的プロパティがありません。

キャンバス例

静的プロパティを params.json として保存し、カードを作成します。結果にはその crd_ ID が含まれます。

{
  "theme": "neomustard",
  "handles": [
    {
      "network": "instagram",
      "handle": "Example"
    }
  ]
}
screenrig card create --type follow-us --major 1 --file params.json

このアイテムをプレイリストページのprimitivesに追加し、サンプルの ID をその ID に置き換えます。プレイリストを公開してスクリーンに割り当ててください。

{
  "id": "follow-us",
  "primitive": "card",
  "card": "crd_01EXAMPLECARD000000000",
  "layout": "full",
  "content_fit": "fill"
}