ホームページテイクオーバー広告の仕様と要件
Spotifyのデスクトップホームページのフロントで24時間貴社のブランドメッセージを紹介することで、インパクトのある体験を提供できます。ホームページテイクオーバーはクリック可能でリッチメディアをサポートしているため、ブランドはインタラクティブな要素を含めることができます。
コンポーネント1：背景画像素材
サイズ：1200 x 270
ファイルの種類：JPG
最大ファイルサイズ：1MB
クリックコマンドと1x1ピクセルのみ。すべてのサードパーティーのタグとトラッキングURLは、HTTPS形式である必要があります。
サポートされていません。すべてのアニメーションはインタラクティブエリア内に収める必要があります。
Spotifyでホストする必要があります。背景画像素材は、すべてのキャンペーンで必須です。
コンポーネント2：インタラクティブエリア（オプション）
800 x 235
JavaScriptまたはiFrameタグ。すべてのサードパーティーのタグとトラッキングURLは、HTTPS形式である必要があります。
ファイルの種類：HTML5
備考：FlashはSpotifyアプリケーションではサポートされていません。
リッチメディアはオプションです。広告主は、必要に応じて、静的プレースメントの背景画像素材のみを提供できます。動画の自動再生は音声なしで許可されています。
動画にはHTML5プレーヤーが必要で、次の条件を満たす必要があります。
最大ファイルサイズ：25MB
最大動画重量：20MB
ファイルの種類：.ogg形式
備考：動画の自動再生は音声なしで許可されています。ユーザーがクリックしてサウンドを開始できるように、再生、停止、音量コントロールを含める必要があります。
音量：RMSは-14 dBFSに正規化されています。ピークは、-0.2 dBFSに正規化されています。
- サードパーティーでホストされている必要があります。
- インタラクティブエリアは背景に重ねて表示され、1200 x 270の背景画像内に収まる必要があります。
- 画面の小さなユーザーには背景画像が表示されない場合があるため、主要なブランディング要素はインタラクティブエリア内に保持してください。
- 右上隅には「スポンサー」ボタンが表示されるため、このエリアにはブランドを表示しないでください。
- インタラクティブエリア（リッチメディアなど）を持つクリエイティブの場合、フォールバック画像の提供が必要です。
- アニメーションまたは動画が、ユーザーのCPUの40%を超えないようにしてください。CPU使用率が高くなる一般的な原因は、継続するアニメーションと負荷の高いアニメーションシーケンスです。
- アニメーション/動画の推奨最大長は30秒です。
- 音声または動画を含むクリエイティブには、再生、停止、音量コントロールを含める必要があります。また、音声はデフォルトでオフにしてください。
- ホバー効果は許可されていません。
広告予算を最大限に活用していただくため、コンテンツを作成する際には、いくつかの簡単なパフォーマンスガイドラインに従っていただくようお願いしています。
非効率なCSSプロパティをアニメーション化しないでください。原則として、ハードウェアアクセラレーションプロパティ（変換、スケール、回転、不透明度）のみをアニメーション化してください。box-shadowなどの他のものは、通常、アニメーション化するとパフォーマンスが大幅に低下し、CPU負荷が高くなり、FPSが低くなります。
可能な限りjQueryアニメーションを避けてください。たとえば、fadeIn()やfadeOut()などの機能は、opacityアニメーションにするとより効率的に実装できます。
パフォーマンスをテストしてください。最低限、アクティビティモニターアプリを確認し、広告の実行中にChromeプロセスのCPU使用率を確認してください。可能であれば、Chrome DevToolsを起動して、ペイントのボトルネックを探してください。
Spotifyは、アプリケーションのパフォーマンスを低下させていると判明した広告を警告なしに削除する権利を留保します。