TikTok は注意喚起が最優先
アニメーション QR codes は、視聴者に一瞬の注目を生み、アプリを離れさせずにコンバージョンへつなげます。
スキャン重視
スクリーン向けに設計右側のコントロールから離して配置
1080x1920 で最小 220px
CTA が見えて読みやすい
アニメーションのループが滑らか
実機でスキャンをテスト
TikTok オーバーレイ仕様
右側のアクションスタックから QR を守る。
左または上の角に固定
右側の UI スタックから距離を取る。
字幕の CTA を追加
「Scan for the full list」のようなコピーを使用。
小さな画面でも確認
小さめの端末でテストして安全性を確保。
サイズ
260-320px
1080x1920 解像度の場合。
右マージン
140px
アクションボタンを避ける。
下マージン
180px
字幕と重ならないように。
表示時間
5-7 seconds
テンポが遅い場合は長めに。
TikTok オーバーレイのヒント
あらゆるフレームをスキャンしやすくする実践的なヒント。
右側の UI を避ける
右側のアイコンや字幕にかからないように。
中段左の配置を使う
中段左は視認性が高くスキャンしやすい。
十分な時間表示する
初見の視聴者には最低 6 秒が理想。
目立つ CTA を追加
「Scan for the link」のような短いコピーが有効。
コントラストを確保
情報量の多い映像では QR の背後に明るいカードを置く。
QR の例
スクリーンやソーシャルのオーバーレイに適したいくつかのスタイルをプレビュー。

縦型オーバーレイ
9:16 クリップに最適化。

レトロウェーブ・ローンチ
動画オーバーレイ向けのソフトなネオングラデーション。

ローンチ用スキャン
製品ドロップ向けの CTA に最適な QR。
TikTok CTA コピー
アニメーション QR codes と相性抜群で、そのまま使えるオーバーレイ。
クリエイターのフォロー
スキャンして参加
クリエイターコミュニティに最適。
今すぐ購入
スキャンしてドロップを見る
製品ローンチに有効。
チュートリアルへのリンク
スキャンして完全版チュートリアルへ
より長いコンテンツへ誘導。
よくある質問
アニメーション QR に関する代表的な質問への回答。
数秒で GIF QR を作成
リンクを貼り付け、GIF スタイルを選んで、すぐにダウンロード。ゲスト作成も有効です。
TikTok は注意喚起が最優先
アニメーション QR codes は、視聴者に一瞬の注目を生み、アプリを離れさせずにコンバージョンへつなげます。
TikTok オーバーレイ仕様
右側のアクションスタックから QR を守る。
TikTok オーバーレイのヒント
右側のアイコンや字幕にかからないように。 中段左は視認性が高くスキャンしやすい。
TikTok QR チェックリスト
右側のコントロールから離して配置・1080x1920 で最小 220px・CTA が見えて読みやすい
関連ページ
アニメーション QR のユースケースをもっと探す
スクリーン優先の戦略を、関連ガイドとテンプレートでさらに強化。
ローンチの準備はできましたか?
数分でアニメーション QR を作成。