PukiWiki に nend 広告を埋め込む

PukiWiki Plus! にnendを埋め込む方法でちょっとつまづいたのでメモです。
編集するファイルは skin/default.skin.php で、以下コードの nend コメントのある箇所から5行を追加するだけです。
(nendから提供された広告コードをコピペします)

<div id="contents">
<table class="contents" width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
<?php if (arg_check('read') && exist_plugin_convert('menu') && do_plugin_convert('menu') != '') { ?>
  <td class="ltable" valign="top"><div id="menubar"><?php echo do_plugin_convert('menu') ?></div></td>
<?php } ?>
  <td class="ctable" valign="top">
   <?php if ($is_page and exist_plugin_convert('topicpath')) { echo do_plugin_convert('topicpath'); } ?>
   <div id="body"><?php echo $body ?></div>
	<!-- nend -->
	<script type="text/javascript">
	var nend_params = {"media":xxxx,"site":xxxxx,"spot":xxxxx,"type":x,"oriented":x};
	</script>
	<script type="text/javascript" src="http://js1.nend.net/js/nendAdLoader.js"></script>
  </td>
<?php if (arg_check('read') && exist_plugin_convert('side') && do_plugin_convert('side') != '') { ?>
  <td class="rtable" valign="top"><div id="sidebar"><?php echo do_plugin_convert('side') ?></div></td>
<?php } ?>
 </tr>
</table>
</div>

この箇所に埋め込めば、ちょうど記事の最後にnend広告が表示されるようになります。

当初、スマホでしか表示されないことに気づかずにずっとPCで動作確認をしていて、かなり時間を食ってしまいました(汗
スマホでチェックしたら、すんなりと綺麗に表示されていました。
PCではnendは表示されないので、ちゃんとスマホでチェックするようにしましょう。

アプリを作って3000円!Monaca×nendアプリ開発キャンペーン

アプリを作って3000円!Monaca×nendアプリ開発キャンペーン | http://blog.asial.co.jp/1182

ちょうど何日か前、Monacaという、コーディングから最終ビルドまで全てブラウザ上で完結できるすばらしい無料サービスを発見して、これはいい!ということで、ちょっとしたAndroidゲームを制作しているところでした。

そんなところに、なんと良いタイミングでこのキャンペーン・・・!

Monacaの開発、運営を手がけているアシアルさんのブログでMonaca環境でnendを表示するエントリがあったので、広告もnendに決めたところでした。

自分はhtmlやJavascriptの知識はあまりありませんが、まあJavascriptならなんとかなるだろうとenchant.jsというお手軽なゲーム制作ライブラリを使用することにしました。

そんなこんなで、環境は monaca + html5 + enchant.js + nend で決定。

htmlやJavascriptに苦労しつつも現状なんとかゲームの大まかなシーンの流れとnendで広告表示のレイアウトまでうまくいきました。
htmlが理解しきれていないのでhtml+enchant.js+nendの環境で、広告とゲーム画面両方をきれいに表示させるのになかなか苦労しました。

この辺りは、自分の理解が深まった頃にでも、まとめて記事にしたいなと思っています。