サイト内の様々なページにコンテンツを追加できる「フリースペース」の活用方法についてご説明いたします。
<aside> 💡
フリースペースが表示される位置についてはコチラ↓
</aside>
フリースペースを使って、シティヘブンやバニラなどの媒体のバナーを設置する際に利用できます。各媒体で発行される、バナーの貼り付けタグをそのまま入力してください。
一番よく見る、年齢認証の「ENTER」の下にバナーを並べている事例
バナーの表示サイトがおかしい場合はタグの中のサイズ指定が適してない可能性があります。サイズ指定の方法などが分からない方は、ChatGPTなどのAIツールを使ってタグを修正すると便利です。
▼ChatGPTでそのまま使えるプロンプト例（★★の部分書き換えてご利用ください）
あなたはHTMLに詳しいWebエンジニアです。
他サイトが提供しているバナー掲載用のHTMLタグを、自分のサイトに貼り付けたところ表示がおかしくなりました。
私のサイトはレスポンシブデザインです。
下記のタグを、レスポンシブサイトでも正しく表示できるように修正してください。
【発生している症状】
★★ここに症状を書きます★★
（例：スマホで横にはみ出す / 画像が大きく表示される / 中央寄せにならない など）
【重要な条件】
・CSSファイルやstyleタグは使用しない
・HTMLタグのみで調整する
・必要な場合のみインラインstyleは最小限で使用する
・スマホでもPCでもレイアウトが崩れない
・画面幅を超えてはみ出さない
・画像は元のサイズより拡大されない
・スマホでは画面幅に収まるように縮小される
・初心者でもそのままコピペできるコードにする
【元のタグ】
★★ここにタグを貼ります★★
【出力してほしい内容】
① 修正後のHTMLタグ（そのままコピペできる形）
② 修正内容の簡単な説明
<aside> 💡
すぐるくんの管理画面「画像アップローダー」にバナー画像をアップロードして、そのバナーをフリースペースを使って貼り付けることも可能です。
</aside>
媒体が提供するバナーではなく、オリジナルのバナー画像を設置する方法です。
▼コピーしたimgタグ【例】
<img src="<http://sugurusample.com/upload/pub/link_banner_04.jpg>">