このツールは、PC／スマートフォンそれぞれのHTML広告コードを入力するだけで、レスポンシブ対応のフローティング広告HTMLを生成できるツールです。Webページの下部に常時表示されるバナー広告やプロモーション表示などに活用できます。
▼ フローティング広告ジェネレーター はこちらから🔗
フローティング広告ジェネレーター
完全無料！Google Adsense通るまでのその場しのぎ用などにご活用ください！スマートフォン版PC版利用方法マニュアルはこちらから🔗 PHPフローティング広告コード生成ツール body { font-family: sans-seri...
www.cybernote.click
2025.06.22
✅ 使い方ステップ
1. PC用HTMLを入力
- 上段のテキストエリアに、PC向けの広告HTML（バナー、テキストなど）を入力します。
2. スマートフォン用HTMLを入力
- 下段のテキストエリアに、スマートフォン向けの広告HTMLを入力します。
- スマホ向けに画像サイズを小さくしたり、別バナーにしたりすることができます。
3. 「コードを生成」ボタンをクリック
- 入力したHTMLを元に、PC／スマホ対応のフローティング広告コードが生成されます。
4. 出力されたHTMLをコピーしてWebサイトに貼り付け
<body>の末尾、またはWebサイトの任意の場所に貼り付けてご利用ください。
📱 表示の切り替え（レスポンシブ対応）
@media screen and (max-width: 768px)によって、スマホとPCの表示を自動で切り替えます。.pc-only→ PC表示時のみ表示.sp-only→ スマートフォン表示時のみ表示
❌ 広告を閉じるボタン
🛠 カスタマイズ例
| 内容 | 方法 |
|---|---|
| 表示位置を上に変更 | .floating-ad { bottom: 0; } → top: 0; bottom: auto; |
| 非表示制御を追加 | JavaScriptで sessionStorage または localStorage を使用 |
| 表示タイミング変更 | JavaScriptで setTimeout() や scroll イベントを使用 |
コメント