PukiWikiのサイドメニュー上部にAdsense広告を設置


投稿日:2012年3月13日
  • 2
  • 0



サイドメニュー上部に設置するにはプラグインをいじる必要あり

メニューバーの下に表示するなら「skin」フォルダの「pukiwiki.skin.php」にコードを追加するだけです。

しかし、メニューバーの上に表示するには以下のようにする必要があります。
少し手間取ったのでメモ。


設置方法

メニューバーはpluginになっているので、「pluginフォルダ」の「menu.inc.php」に追加する必要があります。
Adsenseコードを取得したら、上記「menu.inc.php」を開き、39行目にある

$_page = join('/', $path) . '/' . MENU_SUBMENUBAR;

の後にアドセンスコードを挿入します。

$_page = join('/', $path) . '/' . MENU_SUBMENUBAR;
echo '<!-- Google広告サイドバー -->
<div class="googlesidebar">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-◯◯◯◯◯◯◯◯◯◯◯";
/* aqwikiサイドバー */
google_ad_slot = "◯◯◯◯◯◯◯◯◯◯◯◯";
google_ad_width = 200;
google_ad_height = 200;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<!-- ここまでGoogle広告サイドバー -->';

echoで書きだして、コードをgooglesidebarというクラスで囲んでいます。IDは適宜自分のサイト用のものに差し替えてください。

サンプルは「アクアリウムWiki」をご覧ください。


現在のページを共有する



現在のページに関連する記事

WordPressにGoogle Adsenseを貼り付ける WordPressにGoogle Adsenseを貼り付ける
PukiWikiのサイドメニュー上部にAdsense広告を設置 もう覚えなくても大丈夫!?WordPressの条件分岐タグの使い方まとめ
PukiWikiのサイドメニュー上部にAdsense広告を設置 Google Feed APIの代替手段としてjQueryだけでRSSを表示する方法
PukiwikiでGoogle Analyticsを使う PukiwikiでGoogle Analyticsを使う
「つぶやき」に「via」を付けよう 「つぶやき」に「via」を付けよう
PukiWikiのサイドメニュー上部にAdsense広告を設置 5段階評価を付けることができるjQuery Ratyプラグインの使い方
facebookのCommentをPukiWikiに追加 facebookのCommentをPukiWikiに追加

おすすめの記事

GMO系列のホスティングサービスでGmailへメールが送信できない不具合が発生中

GMO系列のホスティングサービスでGmailへメールが送信できない…

メールのエラーコードと、メールサーバのmaillog解析方法まとめ

メールのエラーコードと、メールサーバのmaillog解析方法まとめ

Google Adsenseで配信される詐欺的なサイトのブロック用URLまとめ

Google Adsenseで配信される詐欺的なサイトのブロック用URLまとめ

Windows 10でpsd形式のファイルをサムネイル表示する方法

Windows 10でpsd形式のファイルをサムネイル表示する方法

Apacheのmod_deflateでコンテンツを圧縮してサイトを高速化する方法

Apacheのmod_deflateでコンテンツを圧縮してサイトを高速化する…

Custom Post Type UIでカスタム投稿を作って、誰でも簡単に編集できる投稿画面を作る方法

Custom Post Type UIでカスタム投稿を作って、誰でも簡単に編集…

Googlebotを手懐ける!robots.txtの書き方とrobots.txtテスターの使い方

Googlebotを手懐ける!robots.txtの書き方とrobots.txtテスター…

新しいGoogleマップ「Google Maps Platformの使い方」まとめ

新しいGoogleマップ「Google Maps Platformの使い方」まとめ


いただいたコメントなど

  1. Web Designer のコメント:

    Great, thanks for your share!
    @2012-04-13 02:13

コメントを残す

コメントは認証制のため、すぐには反映されません。

プログラミングに関する質問は「日本語でプログラミングの悩みを解決するQ&Aサイト sukegra」をご利用ください。