BASEでかんたん広告・実践編 | 交換広告(ZERO円広告ドットコム)公式

BASEでかんたん広告・実践編

BASEでかんたん広告 はじめての方へ
この記事は約2分で読めます。

ネットショップBASEでかんたん広告を行う方法は”HTML編集App”を使う

BASEで交換広告の設定の仕方

<所要時間15分>

ナビゲーター<br>ゆう
ナビゲーター
ゆう

こんにちは、ナビゲーターのゆうです。ご覧いただきありがとうございます。

BASEで交換広告掲載の説明をいたします。

ご不明な点がございましたら、いつでもLINEまたはお電話でご連絡ください。

友だち追加

お問い合わせ電話 06-7709-3441

ナビゲーター<br>ゆう
ナビゲーター
ゆう

交換広告のアカウント登録がまだの方は

こちらより登録をしてください。

アカウント登録で不明な場合は、こちらを参照してください。

ナビゲーター<br>ゆう
ナビゲーター
ゆう

解説動画をご用意しましたので、ご覧ください。

不要な方は以下へお進みください。

※BASEの仕様変更により、操作方法が若干異なる場合がございます。

広告管理システムにログイン

ナビゲーター<br>ゆう
ナビゲーター
ゆう

広告管理システムにログインし、

サイト管理>サイト登録をクリックします。

サイトURLに、あなたのBASEのURLを入力してください。
ナビゲーター<br>ゆう
ナビゲーター
ゆう

サイト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 -->
ナビゲーター<br>ゆう
ナビゲーター
ゆう

サイト一覧を見ると、

先ほど登録したURLが表示されています。

その行のコードをコピーをクリックします。

コードコピー完了
ナビゲーター<br>ゆう
ナビゲーター
ゆう

OKをクリックします。

BASEにログイン
ナビゲーター<br>ゆう
ナビゲーター
ゆう

続きまして

BASEにログインします。

メニューにある「Apps」をクリック。

ナビゲーター<br>ゆう
ナビゲーター
ゆう

作業はパソコン版から行ってください。

メニューにある「Apps」をクリック。します。

BASEのApps

HTML編集(新ショップデザイン対応版)のAppsを追加します。

ナビゲーター<br>ゆう
ナビゲーター
ゆう

「HTML編集」を見つけて”利用中”にします。

HTML編集(新ショップデザイン対応版)のAppsを追加

HTML編集をクリック

ナビゲーター<br>ゆう
ナビゲーター
ゆう

左側にある利用中のApps

HTML編集が追加されていることを確認してください。

利用中のAppsにHTML編集が追加

テーマを新規作成する

ナビゲーター<br>ゆう
ナビゲーター
ゆう

+テーマを新規作成するをクリックして

編集画面に入ります。

テーマを新規作成するをクリックして編集画面に入る。
2021.11.1現在、BASEの仕様が変更されています。

有料テーマ(5,000円~有ります。)を購入された方は、「購入したテーマを元に新規作成」をクリック。

ナビゲーター<br>ゆう
ナビゲーター
ゆう

新規作成をクリック

scriptコードを貼り付ける

ナビゲーター<br>ゆう
ナビゲーター
ゆう

<head>タグの下にscriptタグを挿入します。

<head>タグの下にscriptタグを挿入します。
拡大図
ナビゲーター<br>ゆう
ナビゲーター
ゆう

入力出来たら、忘れずに

右上にある保存をしてください。

headタグは以下(サイト管理>サイト一覧)で入手します。そして上記部分にコピーしてください。

【上級者向け】HTMLエディタ

プレビューで全画面広告が表示される

ナビゲーター<br>ゆう
ナビゲーター
ゆう

以下の画面は、全画面広告例です。状況によっては表示されません。

全画面広告

このようなエラーが出る場合は、プレビューではなく、実際のURLから閲覧してください。

続いてバナー広告を貼り付けます。

ナビゲーター<br>ゆう
ナビゲーター
ゆう

scriptコード書き出し広告サイズ登録をクリックします。

  • 広告サイズ名は自由に記述してください。
  • サイトはBASEのサイトのURLを選択します。
  • 広告サイズは728×90(ご自身の希望サイズを選択)
ナビゲーター<br>ゆう
ナビゲーター
ゆう

広告サイズ一覧からscriptコードをコピーします。

ナビゲーター<br>ゆう
ナビゲーター
ゆう

今回はわかりやすく、一番下の部分にバナーが表示されるように、最終行にscriptコードを追加しました。

表示希望するカ所に希望するサイズのバナーを貼り付けてください。

最終行にscriptコードを追加

BASEのプレビューをチェック

ナビゲーター<br>ゆう
ナビゲーター
ゆう

以下の通り、728×90pxのサイズのバナーが表示されました。

これで交換広告は設置完了です。

交換広告は設置完了

その他のサイズのバナーを貼りたい場合は、広告サイズを変更してみてください。

複数バナーを設置すると、広告露出が増え獲得PVポイントも多くなります。

つまり、広告リーチが多くなります。

ナビゲーター<br>ゆう
ナビゲーター
ゆう

プレビューモードでエラーが出ることが確認されています。

実際のURLでは正しく広告が表示されています。

プレビューではなく実際のURLで表示を確認してください。

本番環境へ移行する。

ナビゲーター<br>ゆう
ナビゲーター
ゆう

メニューのデザインをクリックします。

ナビゲーター<br>ゆう
ナビゲーター
ゆう

先ほど作成した、カスタムテーマをクリック

ます。

ナビゲーター<br>ゆう
ナビゲーター
ゆう

このテーマを選択をクリック、

右上の保存をクリックします。

ナビゲーター<br>ゆう
ナビゲーター
ゆう

変更するをクリックして完了です。

お疲れさまでした!

今回実験で使ったBASEサイトはこちら

広告を運用した結果 PV数が大幅に上昇しました!

すごいですね!

ナビゲーター<br>ゆう
ナビゲーター
ゆう

実際は、状況によって変わります。あくまでも参考のグラフになります。長年放置していたBASEはアクセスゼロの日が多いですね。こういったサイトが、大きく変貌する姿が見てみたいです。

次の項目では、あなたの広告を設定します。

コメント

タイトルとURLをコピーしました