StrikinglyサイトにGoogle AdSenseの広告を追加する

Google AdSenseサイト運営者ですか? そうであれば、Google AdSense広告コードをStrikinglyサイトまたはブログで使用したい場合は、次の手順をご覧ください。

どのタイプの広告ユニットを使用できますか?

  • ディスプレイ広告ユニット - 当社のウェブサイトもレスポンシブであるため、このタイプをお勧めします。このサイズを選択し、そのサイズをレスポンシブに設定すると、サイトの表示に使用されるデバイスの画面サイズに応じて、広告がページ/セクションに自動的に収まります。
  • 自動広告 - サイト全体で機能する単一のコードセットを使用できます。

 

Google AdSense でディスプレイ広告ユニットを作成する方法

  1. Google AdSenseアカウントにログインし、[広告] > [広告ユニット] > [ディスプレイ広告] をクリックします。

    mceclip0.png

  2. 広告に名前を付けます。どんな名前でも構いません。コードをどこに配置したかが簡単にわかるように、考えられるものなら何でもかまいません。「広告サイズ」を「レスポンシブ」に設定したままにして、広告が任意のデバイスの画面に合わせてサイズ変更されるようにします。

    mceclip1.png
  3. コードをコピーしてメモ帳に貼り付けます。

    mceclip2.png

広告ユニット コードを Strikingly サイトに追加する方法

  1. サイト エディターで、[セクションを追加] をクリックします。

    mceclip0.png


  2. App Store&HTMLセクションを選択します。

    mceclip1.png


  3. 追加されたセクションにクリックし、編集を押して、「HTML」を選択します。

    mceclip3.png


  4. 先ほどコピーした Google AdSense コードをボックスに貼り付け、[保存] をクリックします。




  5. サイトをプレビューして、PC でどのように表示されるかを確認します。
    preview.png


    注: タブレットとモバイルのプレビューでは、技術的には広告ユニットのサイズが自動的に変更されません。サイトのプレビューは引き続き大きな画面 (ラップトップまたは PC) で表示されます。 広告ユニットが切り取られたように見えます。サイズ変更された広告を表示するには、サイトを公開し、モバイル デバイスでアクセスします。

    レスポンシブ広告ユニットは、モバイルでは次のようになります。

    GA-7.png


  6. できてから、サイトを公開してください。

ブログ投稿に広告ユニットを配置する方法:

  1. ブログ マネージャーで、ブログ投稿を編集します。
  2. 「コンテンツの追加」をクリックし、「HTML」を選択します。

    mceclip4.png

  3. 「App Store & HTML」要素にマウス ポインターを合わせ、「編集」をクリックします。
  4. HTML を選択し、HTML ボックスに広告コードを貼り付けます。 「保存」をクリックします。

    GA-5.png


  5. ブログ投稿をプレビューして、公開されたブログで広告がどのように表示されるかを確認します。

    GA_-_6.png

自動広告 (旧ページレベル広告)

自動広告は、単一のコード セットをサイトに追加できる広告フォーマットです。コードはサイトに一度だけ追加され、広告設定が変更されると自動的に更新されます。これらは複数ページのサイトのどのページでも機能し、このタイプの広告はモバイルで機能します。

注: 以前にページ レベルの広告コードをインストールしている場合は、ページ レベルの広告と自動広告の両方で同じ広告コードが使用されるため、広告コードを再度生成して貼り付ける必要はありません。

 

自動広告を有効にする方法:

 

注:このオプションには、サイトにリンクされ、Google AdSenseに掲載されているカスタムドメインが必要です詳しくはこちらをご覧ください

1.Google AdSenseアカウントにログインし、 Ads をクリックします。
2. すべてのサイトの表で、サイトの横にある編集 Edit をクリックします。広告設定のプレビューが開きます
3. 「Ad settings」で「Auto ads」をオンにします。

 

 

4. サイトに適用をクリックします。

5. 保存オプションを選択します:

  • 今すぐ適用] > [保存]をクリックすると、自動広告の設定がすぐにサイトに適用されます。
  • 自動広告の設定をテストするには、まず実験を実行 > 実験を実行をクリックします。

10 ~ 20 分でサイトに表示されます。

 

モバイルでの表示:

GA_-_13.png

 

以上です!

 

ご不明な点がございましたら、support@strikingly.comまたはチャットでお知らせください。

この記事は役に立ちましたか?
4人中4人がこの記事が役に立ったと言っています
他にご質問がございましたら、リクエストを送信してください