このブログは WordPress で運用しているのですが、記事にいちいち「ブログ村に参加しています」と書くのは面倒なので、Adman というプラグインで差し込んでいます。ところが、いつの間にか、動かなくなってるんですよね。

なんでかずっとわからなかったんですが、ようやく原因がわかりました。
記事の投稿の際に、画面下の方にある Adman の設定の、Disable ads on this page/post: にチェックが入っていただけのことでした。

で、原因もわかったことだし、重い腰を上げて懸案を片付けることにしました。

一応、色々なランキングに参加しているのですが、薪ストーブ以外のネタにいちいちバナーを表示するのもまあ迷惑な話だろう、ということで、関連がある場合にだけバナーを貼ろうと思うのですが、Adman の方をいじるのではなく、HTML の方で何とかする方向で考えてみました。

例えば、このブログの場合、カテゴリーに「Wood Stoves」とあるので、このカテゴリーの記事の場合にだけ、ブログ村の薪ストーブランキングのバナーを貼ることにします。

Safari の場合ですが、Develop メニューが使えるようになっているなら、カテゴリーのあたりを右クリック（または、control キーを押しながら普通のクリック）することで、「Inspect Element」という contextual menu が表示されるので、それを選択すると当該部分の HTML が閲覧できます。

それによると、「Wood Stoves」のカテゴリーの番号は、38 だということがわかりますね。
つまり、このカテゴリーが含まれるかどうか調べて、その場合にだけバナーを貼ればいいわけです。
JavaScript では、[cci_JavaScript]document.querySelector(‘a[href$=”cat=38″]’)[/cci_JavaScript] を使うことで、CSS selector で高速に判定できますが、これは、[cci_JavaScript]A[/cci_JavaScript] タグで、[cci_JavaScript]href[/cci_JavaScript] が [cci_JavaScript]”cat=38″[/cci_JavaScript] で終わるものを探してきなさい、ということですから、カテゴリーに Wood Stoves があれば、それを見つけてきてくれるので、スタイルを書き換えてバナーを表示する、という寸法です。

というわけで、全体だと次のようになります。

[cc_JavaScript]

[/cc_JavaScript]

上記コードを Ad-Code to appear after your post content に貼り付けて完成です。

にほんブログ村 ライフスタイルブログ 薪ストーブ暮らしに参加しています。 励みになりますので、足あとがわりに、ランクアップにご協力下さい。