![](https://zeroyenad.com/wp-content/uploads/2021/11/image-22-585x1024.png)
![](https://zeroyenad.com/wp-content/uploads/2021/11/image-24-603x1024.png)
ネットショップBASEでかんたん広告を行う方法は”HTML編集App”を使う
BASEで交換広告の設定の仕方
<所要時間15分>
![ナビゲーター<br>ゆう](https://zeroyenad.com/wp-content/themes/cocoon-master/images/b-woman.png)
ゆう
こんにちは、ナビゲーターのゆうです。ご覧いただきありがとうございます。
BASEで交換広告掲載の説明をいたします。
ご不明な点がございましたら、いつでもLINEまたはお電話でご連絡ください。
![ナビゲーター<br>ゆう](https://zeroyenad.com/wp-content/themes/cocoon-master/images/b-woman.png)
ゆう
解説動画をご用意しましたので、ご覧ください。
不要な方は以下へお進みください。
※BASEの仕様変更により、操作方法が若干異なる場合がございます。
広告管理システムにログイン
![ナビゲーター<br>ゆう](https://zeroyenad.com/wp-content/themes/cocoon-master/images/b-woman.png)
ゆう
広告管理システムにログインし、
サイト管理>サイト登録をクリックします。
![サイトURLに、あなたのBASEのURLを入力してください。](https://zeroyenad.com/wp-content/uploads/2021/11/image-2-1024x424.png)
![ナビゲーター<br>ゆう](https://zeroyenad.com/wp-content/themes/cocoon-master/images/b-woman.png)
ゆう
サイトURLに、あなたのBASEのURLを入力してください。
例の場合ですと「https://osakawatch.handcrafted.jp/」になります。
次に、ふさわしいカテゴリを選んでください。
ステータスは有効で保存をクリック
![<!-- wp:paragraph --><p><strong>サイト一覧</strong>を見ると、</p><!-- /wp:paragraph --><!-- wp:paragraph --><p>先ほど登録したURLが表示されています。</p><!-- /wp:paragraph --><!-- wp:paragraph --><p>その行のコードを<strong>コピー</strong>をクリックします。</p><!-- /wp:paragraph -->](https://zeroyenad.com/wp-content/uploads/2021/11/image-3-1024x275.png)
![ナビゲーター<br>ゆう](https://zeroyenad.com/wp-content/themes/cocoon-master/images/b-woman.png)
ゆう
サイト一覧を見ると、
先ほど登録したURLが表示されています。
その行のコードをコピーをクリックします。
![コードコピー完了](https://zeroyenad.com/wp-content/uploads/2021/11/image-4.png)
![ナビゲーター<br>ゆう](https://zeroyenad.com/wp-content/themes/cocoon-master/images/b-woman.png)
ゆう
OKをクリックします。
![BASEにログイン](https://zeroyenad.com/wp-content/uploads/2021/11/image-5.png)
![ナビゲーター<br>ゆう](https://zeroyenad.com/wp-content/themes/cocoon-master/images/b-woman.png)
ゆう
続きまして
BASEにログインします。
メニューにある「Apps」をクリック。
![ナビゲーター<br>ゆう](https://zeroyenad.com/wp-content/themes/cocoon-master/images/b-woman.png)
ゆう
作業はパソコン版から行ってください。
メニューにある「Apps」をクリック。します。
![BASEのApps](https://zeroyenad.com/wp-content/uploads/2021/04/image-8-1024x456.png)
HTML編集(新ショップデザイン対応版)のAppsを追加します。
![ナビゲーター<br>ゆう](https://zeroyenad.com/wp-content/themes/cocoon-master/images/b-woman.png)
ゆう
「HTML編集」を見つけて”利用中”にします。
![HTML編集(新ショップデザイン対応版)のAppsを追加](https://zeroyenad.com/wp-content/uploads/2021/04/image-7.png)
HTML編集をクリック
![ナビゲーター<br>ゆう](https://zeroyenad.com/wp-content/themes/cocoon-master/images/b-woman.png)
ゆう
左側にある利用中のAppsに
HTML編集が追加されていることを確認してください。
![利用中のAppsにHTML編集が追加](https://zeroyenad.com/wp-content/uploads/2021/04/image-9.png)
テーマを新規作成する
![ナビゲーター<br>ゆう](https://zeroyenad.com/wp-content/themes/cocoon-master/images/b-woman.png)
ゆう
+テーマを新規作成するをクリックして
編集画面に入ります。
![テーマを新規作成するをクリックして編集画面に入る。](https://zeroyenad.com/wp-content/uploads/2021/11/image-7-1024x511.png)
有料テーマ(5,000円~有ります。)を購入された方は、「購入したテーマを元に新規作成」をクリック。
![ナビゲーター<br>ゆう](https://zeroyenad.com/wp-content/themes/cocoon-master/images/b-woman.png)
ゆう
新規作成をクリック
scriptコードを貼り付ける
![ナビゲーター<br>ゆう](https://zeroyenad.com/wp-content/themes/cocoon-master/images/b-woman.png)
ゆう
<head>タグの下にscriptタグを挿入します。
![<head>タグの下にscriptタグを挿入します。](https://zeroyenad.com/wp-content/uploads/2021/04/image-16-1024x647.png)
![](https://zeroyenad.com/wp-content/uploads/2021/04/image-12-1024x907.png)
![ナビゲーター<br>ゆう](https://zeroyenad.com/wp-content/themes/cocoon-master/images/b-woman.png)
ゆう
入力出来たら、忘れずに
右上にある保存をしてください。
headタグは以下(サイト管理>サイト一覧)で入手します。そして上記部分にコピーしてください。
![](https://zeroyenad.com/wp-content/uploads/2021/11/image-1-1024x683.png)
【上級者向け】HTMLエディタ
プレビューで全画面広告が表示される
![ナビゲーター<br>ゆう](https://zeroyenad.com/wp-content/themes/cocoon-master/images/b-woman.png)
ゆう
以下の画面は、全画面広告例です。状況によっては表示されません。
![全画面広告](https://zeroyenad.com/wp-content/uploads/2021/04/image-15-906x1024.png)
![](https://zeroyenad.com/wp-content/uploads/2021/11/image-6.png)
このようなエラーが出る場合は、プレビューではなく、実際のURLから閲覧してください。
続いてバナー広告を貼り付けます。
![ナビゲーター<br>ゆう](https://zeroyenad.com/wp-content/themes/cocoon-master/images/b-woman.png)
ゆう
scriptコード書き出し>広告サイズ登録をクリックします。
- 広告サイズ名は自由に記述してください。
- サイトはBASEのサイトのURLを選択します。
- 広告サイズは728×90(ご自身の希望サイズを選択)
![](https://zeroyenad.com/wp-content/uploads/2021/11/image-8-1024x554.png)
![ナビゲーター<br>ゆう](https://zeroyenad.com/wp-content/themes/cocoon-master/images/b-woman.png)
ゆう
広告サイズ一覧からscriptコードをコピーします。
![](https://zeroyenad.com/wp-content/uploads/2021/11/image-1024x696.png)
![](https://zeroyenad.com/wp-content/uploads/2021/11/image-9.png)
![ナビゲーター<br>ゆう](https://zeroyenad.com/wp-content/themes/cocoon-master/images/b-woman.png)
ゆう
今回はわかりやすく、一番下の部分にバナーが表示されるように、最終行にscriptコードを追加しました。
表示希望するカ所に希望するサイズのバナーを貼り付けてください。
![最終行にscriptコードを追加](https://zeroyenad.com/wp-content/uploads/2021/04/image-17-1024x472.png)
BASEのプレビューをチェック
![ナビゲーター<br>ゆう](https://zeroyenad.com/wp-content/themes/cocoon-master/images/b-woman.png)
ゆう
以下の通り、728×90pxのサイズのバナーが表示されました。
これで交換広告は設置完了です。
![交換広告は設置完了](https://zeroyenad.com/wp-content/uploads/2021/04/image-19-747x1024.png)
その他のサイズのバナーを貼りたい場合は、広告サイズを変更してみてください。
複数バナーを設置すると、広告露出が増え獲得PVポイントも多くなります。
つまり、広告リーチが多くなります。
![ナビゲーター<br>ゆう](https://zeroyenad.com/wp-content/themes/cocoon-master/images/b-woman.png)
ゆう
プレビューモードでエラーが出ることが確認されています。
実際のURLでは正しく広告が表示されています。
プレビューではなく実際のURLで表示を確認してください。
![](https://zeroyenad.com/wp-content/uploads/2021/06/image-3-1024x734.png)
本番環境へ移行する。
![ナビゲーター<br>ゆう](https://zeroyenad.com/wp-content/themes/cocoon-master/images/b-woman.png)
ゆう
メニューのデザインをクリックします。
![](https://zeroyenad.com/wp-content/uploads/2021/04/image-20.png)
![ナビゲーター<br>ゆう](https://zeroyenad.com/wp-content/themes/cocoon-master/images/b-woman.png)
ゆう
先ほど作成した、カスタムテーマをクリック
ます。
![](https://zeroyenad.com/wp-content/uploads/2021/11/image-10.png)
![](https://zeroyenad.com/wp-content/uploads/2021/04/image-25.png)
![ナビゲーター<br>ゆう](https://zeroyenad.com/wp-content/themes/cocoon-master/images/b-woman.png)
ゆう
このテーマを選択をクリック、
右上の保存をクリックします。
![](https://zeroyenad.com/wp-content/uploads/2021/11/image-11.png)
![ナビゲーター<br>ゆう](https://zeroyenad.com/wp-content/themes/cocoon-master/images/b-woman.png)
ゆう
変更するをクリックして完了です。
お疲れさまでした!
今回実験で使ったBASEサイトはこちら
広告を運用した結果 PV数が大幅に上昇しました!
![](https://zeroyenad.com/wp-content/uploads/2021/04/image-27.png)
![](https://zeroyenad.com/wp-content/themes/cocoon-master/images/man.png)
すごいですね!
![ナビゲーター<br>ゆう](https://zeroyenad.com/wp-content/themes/cocoon-master/images/b-woman.png)
ゆう
実際は、状況によって変わります。あくまでも参考のグラフになります。長年放置していたBASEはアクセスゼロの日が多いですね。こういったサイトが、大きく変貌する姿が見てみたいです。
次の項目では、あなたの広告を設定します。
コメント