この記事は最終更新日から1年以上が経過しています
- 投稿日：2024/02/23
- 更新日：2024/02/23
要約
画面の下に追従する広告バナー。これを無料プラグイン＆無料テーマでも設置する方法です。WordPressに最初からある機能を使い、A8やバリュコマの広告を追尾させましょう！外観→ウィジェット→コピペで完結する方法です。
✅HTML・CSS知識不要
✅テーマcocoon
✅プラグインなし
✅ウィジェットのみ使用
この状態で、
「ASP広告（A8やバリューコマースの広告）をスマホにのみ表示」させる方法を紹介します。
※GoogleAds用では試していません。
↓こんな感じのスマホ広告を表示できます。
カスタムHTMLウィジェットを使う
①WordPressのダッシュボードにログインします。
②外観＞ウィジェットに進みます。
③カスタムHTMLウィジェットを見つけて、フッター（モバイル用）に追加します。
④ウィジェットに以下のコードを貼り付けます。
<style> @media (max-width: 768px) { /* スマホ用のスタイル適用 */ .fixed-ad-container { position: fixed; /* 広告を画面に固定 */ bottom: 0; /* 下部に表示 */ left: 0; width: 100%; /* 幅を画面全体に */ z-index: 1000; /* 他の要素よりも前面に */ text-align: center; /* 広告画像を中央寄せ */ background-color: rgba(255, 255, 255, 0.9); /* 背景色（半透明） */ } } </style> <div class="fixed-ad-container"> <!-- ここに広告HTMLを挿入 --> </div>
続きは、リベシティにログインしてからお読みください
.png)
