どうしたらいいのNAVI

どうしたらいいの?にお答えするサイト

【Stinger5】Stinger5でGoogle Adsenseの広告を貼る方法

      2015/11/07


WordPressでブログ運営している人で、テーマにStinger5を使っているという人も多い事でしょう。
また、ブログ運営をしていて、Stinger5をテーマとして導入したてという人も居るかもしれませんね。

 
Stinger5はGoogle Adsenseの広告が貼られる事を意識したつくりになっていて、すでにAdsenseを利用している人にとっては簡単に広告を掲載する事が出来ます。

 
ブログを運営する上でマネタイズをしている人にとって、Google Adsenseの広告の掲載する方法は基本中の基本なのでStinger5でGoogle Adsenseの広告を掲載する方法を覚えておきましょう。

 
Stinger5でGoogle Adsenseの広告を貼る方法について簡単でわかりやすく、詳しく紹介しているのでチェックしていってください。

 

 
【Stinger5】Stinger5でGoogle Adsenseの広告を貼る方法
 

 

Stinger5でGoogle Adsenseの広告を掲載する方法

Stinger5でGoogle Adsenseの広告を掲載する方法
Stinger5でGoogle Adsenseの広告を掲載する方法としては、Stinger5独自のGoogle Adsenseの広告掲載をサポートする機能に加えて、Stinger5自体のテーマを修正して掲載したり、プラグインを利用して広告を掲載する方法など、いろいろとあります。

 
Stinger5でGoogle Adsenseの広告を掲載する方法としてまとめると次のようになります。

  • Sringer5のウィジット機能を使って掲載する方法
  • プラグインを利用してGoogle Adsenseの広告を掲載する方法

 
本当ならばテーマを直接編集する事で広告を掲載する方法もあるのですが、Stinger5ではこの二つの方法で、ほとんどの広告掲載については事足りてしまいます。

 
Stinger5でGoogle Adsenseを掲載する、それぞれの方法について、見ていきましょう。

 

 

 

 

Sringer5のウィジット機能を使って掲載する方法

Stinger5のウィジット機能を使ってGoogle Adsenseを掲載するとは?
Stinger5のウィジット機能を使って、Google Adsenseを掲載する方法では、Stinger5の基本機能として搭載されているウィジットの機能を使ってGoogle Adsenseを適切な形で掲載する事を意味しています。

 
ウィジット機能はWordpressでブログを運営している人には馴染み深い機能であろう「外観」-> 「ウィジット」で表示される、ウィジットの設定画面です。

 
Stinger5はウィジット機能の中にGoogle Adsenseを掲載する為のウィジット項目があるので、その項目に対してGoogle Adsenseの広告のスニペットを入力すだけで全記事に自動的に広告を掲載してくれます。

 
また、Stinger5はレスポンシブデザイン対応で、パソコンでページを表示した場合と、モバイルでページを表示した場合で広告の表示方法を切り替えてくれるのでマネタイズの効果も高いと言えます。

 

もし、Stinger5の広告の掲載位置が気に入らないのであれば、Stinger5は今やメジャーなテーマの一つとなっているので、すぐに修正の方法を見つける事が出来ます。

 
Stinger5で広告を掲載する為に、Google Adsenseでまず広告を準備しましょう。
Stinger5では、パソコンとモバイルで表示する広告を切り替えてくれる機能があるので、パソコン用・モバイル用の広告を用意しましょう。

 
Google Adsenseで広告として準備しておく広告として次の広告のサイズの広告がお勧めです。

  • レスポンシブデザイン(1つ)※モバイル用
  • 336 × 280(1つ)※パソコン用

 
Stinger5のウィジット機能を使ってGoogle Adsenseを貼る方法について解説していきます。
Stinger5のウィジット機能を使ってGoogleアドセンスの広告を掲載する方法は次の流れで紹介します。

  • Stinger5のウィジット機能へアクセスする
  • パソコン用のGoogle Adsense広告を掲載する
  • モバイル用のGoogle Adsense広告を掲載する

 
まずは、Adsense広告を掲載する為、Stinger5のウィジット機能へアクセスしましょう。

 
ウィジット機能の設定画面は次の画像の通り、Wordpressの管理画面から「外観」-> 「ウィジット」と選択する事でアクセスする事が出来ます。
Stinger5のウィジット機能へアクセスする

 
パソコン用のGoogle Adsense広告を掲載しましょう。
パソコン用のGoogle Adsenseとして用意した「336×280」のサイズのGoogle Adsenseの広告コードスニペットを利用します。
このサイズの広告はスマートフォンなどのモバイルでページを見た場合は、画面には表示されず、パソコンでのみ表示されるので、レイアウトが崩れるといった事は起こりません。

 
パソコン用のGoogle Adsenseの広告を掲載する流れは次の通りです。

 

  • 「テキスト」->「Googleアドセンス用336px」を選択する
  • 「Googleアドセンス用336px」に挿入されたテキストにパソコン用広告コードを入力する
  • パソコンからページにアクセスし掲載した広告を確認する

 
ウィジット内の項目から「テキスト」を選び、表示されるリストの中から「Googleアドセンス用336px」を選択しましょう。

 
ウィジットの「Googleアドセンス用336px」に挿入された「テキスト」の内容に用意しておいたGoogle Adsenseのコードを入力しましょう。
パソコン用広告の入力が終わったら、テキスト下部にある「保存」ボタンを押して、パソコン用アドセンスコードを保存します。

 
Stinger5のパソコン用Adsenseの広告は記事の下部に2つ連続して並ぶつくりになっているので、次の画像のように記事の下部に2つ広告が掲載されましたね。
パソコンからページにアクセスし掲載した広告を確認する

 
次にモバイル用のGoogle Adsense広告を掲載しましょう。
モバイル用のGoogle Adsenseとして用意した「レスポンシブ」のサイズのGoogle Adsenseの広告コードスニペットを利用します。
このサイズの広告はモバイルで表示した場合に記事下部に一つ、記事下部のサイドバーの部分に二つ掲載される事になります。
また、パソコンで表示した場合は、サイドバーの最上部に表示され、現在では自動で「ラージスカイクレイバー」の大型広告が表示されます。
Google Adsenseの広告のレスポンシブが画面の何かしらの要素を判断して自動的に変更してくれているようです。

 
モバイル用のGoogle Adsenseの広告を掲載する流れは次の通りです。

 

  • 「テキスト」->「Googleアドセンスのスマホ用300px」を選択する
  • 「Googleアドセンスのスマホ用300px」に挿入されたテキストにモバイル用広告コードを入力する
  • パソコン・モバイルからページにアクセスし掲載した広告を確認する

 
ウィジット内の項目から「テキスト」を選び、表示されるリストの中から「Googleアドセンスのスマホ用300px」を選択しましょう。

 
ウィジットの「Googleアドセンスのスマホ用300px」に挿入された「テキスト」の内容に用意しておいたGoogle Adsenseのコードを入力しましょう。
モバイル用広告の入力が終わったら、テキスト下部にある「保存」ボタンを押して、モバイル用アドセンスコードを保存します。

 
実際にパソコンとモバイルから記事にアクセスして、Stinger5のウィジット機能を使って広告が追加されているか確認しましょう。
もし、Google Adsenseで広告を作成したばかりなのであれば、広告が有効になるまで20分程時間がかかる事があるので、少し時間を空けてから確認しましょう。

 

Stinger5のモバイル用Adsenseの広告はパソコンで表示した場合、次の画像のようにサイドバーの最上部に表示され、レスポンシブサイズの機能によって「ラージスカイクレイバー」のサイズで表示されました。
パソコン・モバイルからページにアクセスし掲載した広告を確認する-パソコン

 
また、モバイルで表示した場合は、次の画像のように記事の下部、記事の下部のサイドバーに表示され、計3つの広告が表示されました。
パソコン・モバイルからページにアクセスし掲載した広告を確認する-モバイル

 
Stinger5で、ウィジット機能を使ってGoogle Adsenseの広告を掲載する方法については「【Stinger5】ウィジット機能を使ってGoogle Adsenseの広告を掲載する方法」で簡単でわかりやすく、更に詳しく紹介しているのでチェックしていってください。

 

 

 

 

プラグインを利用してGoogle Adsenseの広告を掲載する方法

【Stinger5】プラグインを利用してGoogle Adsenseを掲載する方法
Stinger5ではデフォルトのウィジットでGoogleアドセンスの広告を掲載する事が出来ますが、デフォルトの方法だとテーマの編集をしない限りはStinger5のデフォルトの広告掲載レイアウトが適用されます。

 
Stinger5で提供されているGoogleアドセンスの広告レイアウトでは物足りない、自分のブログに合わないという人はプラグインを導入してGoogle Adsenseの広告を掲載するのが適しているでしょう。

 
なお、プラグインを利用してGoogleアドセンスの広告を掲載する場合は、Stinger5のウィジット機能で追加されるウィジットの機能は停止して置きましょう。

 
Stinger5でGoogle Adsenseの広告を掲載する方法としてオススメのプラグインが「Quick Adsense」です。

 

Google Adsenseの広告を簡単掲載してくれるQuick Adsenseとは、Googleアドセンスのコードをプラグインに設定しておく事で、簡単に広告を掲載してくれるプラグインです。

 
Quick Adsenseでは自動的に記事上と、記事下に設定しておいたGoogleアドセンスを自動的に広告として追加してくれたり、記事の中に自動的に追加してくれる機能。ウィジットする機能があったり詳細な設定が出来たりと広告掲載でとても便利なプラグインです。

 
まとめておくと、Quick Adsenseでは、Googleアドセンス広告を掲載する上で次のような事が出来ます。

  • 投稿記事上に自動的にアドセンス広告を挿入する
  • 投稿記事中に自動的にアドセンス広告を挿入する
  • 投稿記事下に自動的にアドセンス広告を挿入する
  • <!–more–>タグの後に自動的にアドセンス広告を挿入する
  • 最後の段落の前にアドセンス広告を挿入する
  • 任意の段落の後にアドセンス広告を挿入する
  • 挿入した画像の直後にアドセンス広告を挿入する
  • アドセンス広告に関わる各種設定
  • アドセンス広告を挿入してくれる各種クイックタグの利用
  • Wordpressの投稿画面にクイックタグの挿入ボタンを追加してくれる
  • アドセンス広告のウィジットの追加

 
Stinger5でプラグインを利用してGoogle Adsenseを掲載する方法については「【Stinger5】プラグインを利用してGoogle Adsenseを掲載する方法」で簡単でわかりやすく詳しく紹介しているのでチェックしていってくださいね。

 

 

 

 

スポンサーリンク


Stinger5でGoogle Adsenseの広告を貼る方法 あとがき

Stinger5でGoogle Adsenseの広告を貼る方法 あとがき
Stinger5でGoogle Adsenseの広告を貼る方法について紹介しました。

 
Stinger5でGoogle Adsenseの広告を掲載するにはStinger5が基本機能として持っている広告追加機能の他、プラグインを利用した方法など意外と簡単に広告掲載を行えてしまう事がわかると思います。

 
実際に記事の内容としてGoogle Adsenseの広告コードを追加する方法もありますが、1記事、2記事くらいなら良いのですが100記事も書いてくると広告を貼る作業自体も膨大な時間となってくるので非効率ですよね。

 
膨大な時間をかけて非効率に広告を掲載するよりも、効率的に広告を掲載して新たな記事を書く時間だったり、他に大切な時間を過ごしたり、体や心を休める時間に使った方がはるかに価値のある時間を過ごす事が出来ると言えますよね。

 
Stinger5でGoogle Adsenseの広告を貼る方法を使って、効率よく広告を掲載していきましょう。

 

 

 

 

パソコンで表示される記事下2つの広告を横並びにする方法

【Stinger5】PCで記事下に2つ横並びの広告を表示する方法
Stinger5でPC表示の際に2つ横並びの広告をする方法とは、Stinger5のテーマを利用している時にウィジット機能によって追加できる記事下のパソコン用の2つ縦並びになっている広告を横並びにテーマをカスタマイズする事です。

 
なお、Stinger5この方法ではテーマのプログラムコードやCSSを編集してテーマをカスタマイズしていきます。

 
2つ横並びの広告を表示するレイアウトの事を「ダブルレクタングル」と言います。

 
Stinger5で追加する事が出来るパソコン表示の際の記事下2つの縦並び広告をダブルレクタングルにするには、次のような流れで行う事が出来ます。

  • 投稿記事の横幅の調整
  • 広告の横並びCSSの追加
  • ダブルレクタングルCSSを広告に適用する

 
投稿記事の横幅の調整では、広告をダブルレクタングルで表示した際に広告によってレイアウト崩れが発生しないよう、あらかじめ適切な形で横幅を広げます。

 
投稿記事の横幅の調整では、Stinger5のデフォルトの横幅が980pxとなっていますが、これを1100pxに調整しましょう。

 
投稿記事の横幅の調整を行うには次の流れで修正を行いましょう。

  • style.cssの編集画面を開く
  • 修正箇所を探す
  • 投稿記事の横幅の調整を行う

 
Stinger5のパソコンの記事下2連の縦並びの広告はデフォルトの状態では、回り込みの指定がされていないので広告を回り込ませてダブルレクタングルの表示が出来るようにしていきます。

 
広告の横並びCSSの追加では「style.css」を編集し必要な要素を追加していきます。
style.cssは次の手順で修正していきましょう。

  • 修正箇所を探す
  • 広告の横並びCSSの追加

 
広告をダブルレクタングルで表示する為のCSSをStinger5の広告表示を行うPHPに追加していきましょう。
Stinger5のパソコン記事下の2つの広告を表示する制御を行っているPHPは「single.php」です。

 
ダブルレクタングルCSSを広告に適用するには次の手順を行いましょう。

 

  • sigle.phpの編集画面を開く
  • 修正個所を探す
  • 広告にダブルレクタングル表示を適用する

 
Stinger5のPCで記事下に2つ横並びの広告を表示する方法については「【Stinger5】PCで記事下に2つ横並びの広告を表示する方法」で簡単でわかりやすく詳しく紹介しているのでチェックしていってくださいね。


 

 

 

 

Stinger5でGoogle Adsenseの広告を貼る方法 まとめ

Stinger5でGoogle Adsenseの広告を貼る方法 まとめ
Stinger5でGoogle Adsenseの広告を掲載する方法としては、Stinger5独自のGoogle Adsenseの広告掲載をサポートする機能に加えて、Stinger5自体のテーマを修正して掲載したり、プラグインを利用して広告を掲載する方法など、いろいろとあります。

 
Stinger5でGoogle Adsenseの広告を掲載する方法としてまとめると次のようになります。

  • Sringer5のウィジット機能を使って掲載する方法
  • Stinger5のテーマを編集して掲載する方法
  • プラグインを利用してGoogle Adsenseの広告を掲載する方法

 

Stinger5のウィジット機能を使って、Google Adsenseを掲載する方法では、Stinger5の基本機能として搭載されているウィジットの機能を使ってGoogle Adsenseを適切な形で掲載する事を意味しています。

 
ウィジット機能はWordpressでブログを運営している人には馴染み深い機能であろう「外観」-> 「ウィジット」で表示される、ウィジットの設定画面です。

 
Stinger5はウィジット機能の中にGoogle Adsenseを掲載する為のウィジット項目があるので、その項目に対してGoogle Adsenseの広告のスニペットを入力すだけで全記事に自動的に広告を掲載してくれます。

 
また、Stinger5はレスポンシブデザイン対応で、パソコンでページを表示した場合と、モバイルでページを表示した場合で広告の表示方法を切り替えてくれるのでマネタイズの効果も高いと言えます。

 

もし、Stinger5の広告の掲載位置が気に入らないのであれば、Stinger5は今やメジャーなテーマの一つとなっているので、すぐに修正の方法を見つける事が出来ます。

 

Stinger5ではデフォルトのウィジットでGoogleアドセンスの広告を掲載する事が出来ますが、デフォルトの方法だとテーマの編集をしない限りはStinger5のデフォルトの広告掲載レイアウトが適用されます。

 
Stinger5で提供されているGoogleアドセンスの広告レイアウトでは物足りない、自分のブログに合わないという人はプラグインを導入してGoogle Adsenseの広告を掲載するのが適しているでしょう。

 
なお、プラグインを利用してGoogleアドセンスの広告を掲載する場合は、Stinger5のウィジット機能で追加されるウィジットの機能は停止して置きましょう。

 
Stinger5でGoogle Adsenseの広告を掲載する方法としてオススメのプラグインが「Quick Adsense」です。

 

 
最後までお読みいただきありがとうございました。

スポンサーリンク





 - Wordpress , , ,

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

【W3 Total Cache】オブジェクトキャッシュ(Object Cache)を設定しよう!
【W3 Total Cache】オブジェクトキャッシュ(Object Cache)を設定しよう!

キャッシュ系プラグインとしてW3 Total Cacheを利用している人はオブジ …

【Wordpress】オススメのプラグイン激まとめ タメになるプラグイン特集!
【WordPress】オススメのプラグイン激まとめ タメになるプラグイン特集!

WordPressでブログを運営していると色々なプラグインを利用していると思いま …

【Wordpressプラグイン自作】プラグインの処理をWordpressに実行させる「フック」
【WordPressプラグイン自作】プラグインの処理をWordPressに実行させる「フック」

WordPressでプラグインを自作で開発する人にとって絶対に避けて通る事が出来 …

【Wordpressプラグイン自作】管理画面の任意画面を表示する時に処理実行する方法
【WordPressプラグイン自作】管理画面の任意画面を表示する時に処理実行する方法

WordPressでプラグインを自作開発していると、Wordpressの管理画面 …

【Wordpress開発環境】XamppのWordpressをEclipseにインポートする方法
【WordPress開発環境】XamppのWordPressをEclipseにインポートする方法

XamppとEclipseを使ってWordpressの開発環境を構築したいと思っ …

【Quick Adsense】Quick Adsenseで広告を掲載する設定と使い方
【Quick Adsense】Quick Adsenseで広告を掲載する設定と使い方

WordPressをブログを運営し、広告掲載の上でQuick Adsenseを導 …

【Quick Adsense】moreタグの後に自動広告挿入!Quick Adsenseの設定
【Quick Adsense】moreタグの後に自動広告挿入!Quick Adsenseの設定

WordPressのブログで、広告を掲載してブログの収益化に挑戦している人も居る …

【Wordpress】記事作成や作業を効率化するおすすめのプラグイン
【WordPress】記事作成や作業を効率化するおすすめのプラグイン

ブログをWordpressで運営している人は多いですよね。 ブログをWordpr …

【Wordpress開発環境】Eclipseで開発をスムーズにするオススメの設定
【WordPress開発環境】Eclipseで開発をスムーズにするオススメの設定

WordPressの開発環境として統合開発環境のEclipseを利用している人も …

【Wordpress】インストールしたプラグインの保存場所(ディレクトリ)
【WordPress】インストールしたプラグインの保存場所(ディレクトリ)

WordPressでブログを運営していると必ずと言っていいほど利用するプラグイン …