コレクションでコンテンツを整理
必要に応じて、コンテンツの保存と分類を行います。
広告スペースを予約する
レイアウト シフトを最小限に抑えるには、ページに広告用の十分なスペースを予約することが重要です。この例では、スペースを予約するさまざまな方法と、それらがレイアウトの安定性に与える影響を示します。
- スペースが予約されていない: 広告スロット コンテナのサイズが指定されていません。コンテナは最初は閉じられており、広告が埋まると展開されるため、ユーザーに見えるレイアウトがずれます。
- スペースの予約: 広告スロット コンテナのディメンションが指定されます。コンテナは常にページ上の一定のスペースを占有するため、レイアウトがずれることはありません。広告が読み込まれる前に空白が表示される。
- プレースホルダで予約されたスペース: 広告スロット コンテナのディメンションが指定されます。コンテナはページ上の一定のスペースを占有するため、レイアウトがずれることはありません。CSS を使用して空のコンテナにスタイルを適用し、広告が読み込まれる前に空白スペースが表示されないようにします。
実装例
デモを見る
[[["わかりやすい","easyToUnderstand","thumb-up"],["問題の解決に役立った","solvedMyProblem","thumb-up"],["その他","otherUp","thumb-up"]],[["必要な情報がない","missingTheInformationINeed","thumb-down"],["複雑すぎる / 手順が多すぎる","tooComplicatedTooManySteps","thumb-down"],["最新ではない","outOfDate","thumb-down"],["翻訳に関する問題","translationIssue","thumb-down"],["サンプル / コードに問題がある","samplesCodeIssue","thumb-down"],["その他","otherDown","thumb-down"]],[],[],[]]
