はてなブログアドセンス広告の「広告」表記について

こんにちは、プログラムに関して無知な者です。
方法を探していた所こちらにたどり着きましたので、質問させて頂きます。

前提・実現したいこと

はてなブログでアドセンス広告を貼っています。
その際、アドセンスにふさわしくないページに広告が表示されないよう

<script>
noAdsTag="広告不要"; //広告を設置しないタグを指定
var pageTags=document.getElementsByTagName("meta");
function adsFilter(){
for(var i=0;i<pageTags.length;i++){
if( ("article:tag"==pageTags[i].getAttribute("property")) && (noAdsTag == pageTags[i].getAttribute("content") ) ){
document.write('<!--');
break;
}
}
}
adsFilter();
</script>

この下に自分のアドセンスのコードを貼っています

この様なコードを入れています。

本題なのですが、広告が貼られている場合には、広告の上に「広告」と表記。
貼られていない場合には何も表記しない。のような事ができるでしょうか？

試したこと

なんとなく「IF」かなと思い

<script>
If(
noAdsTag="広告不要"; //広告を設置しないタグを指定
var pageTags=document.getElementsByTagName("meta");
function adsFilter(){
for(var i=0;i<pageTags.length;i++){
if( ("article:tag"==pageTags[i].getAttribute("property")) && (noAdsTag == pageTags[i].getAttribute("content") ) ){
document.write('<!--');
break;
}
}
}
adsFilter();

){document.write(“”)
}else{document.write(“広告”)
}
</script>

のようなことを、見よう見まねでしているのですが、動作は何もしていない状態です。
サイトを見てもこの件に近い記事すらわからず、質問させていただいた次第です。

補足情報（FW/ツールのバージョンなど）

このサイトが参考になる、などのアドバイスをいただければありがたいです。
よろしくお願い致します。

Lhankor_Mhy

2019/02/25 07:40

『ページにコードが表示されている』とありますが、ここでの「コード」とは、 noAdsTag="広告不要"; //広告を設置しないタグを指定 ... のことですか？

meikoara

2019/02/25 07:44

IF文全体がでした。 <script ></script> で閉じていなかった事が原因だったみたいです。初歩的な事が出来ていず申し訳ないです。今はコードがページに表示はされていないが、なんの動作もない状態です。

meikoara

2019/02/25 07:46

Lhankor_Mhy

2019/02/25 07:46

もう少し補足願います。 if(上記のコード) の「上記のコード」とは noAdsTag="広告不要"; //広告を設置しないタグを指定 ... のことですか？

Lhankor_Mhy

2019/02/25 07:47

ああ、どうもありがとうございます。質問文をそのように編集した方が、伝わりやすいかと思います。

meikoara

2019/02/25 07:48

ありがとうございます。

行動規範の内容に同意します

回答1件

ベストアンサー

まず、JavaScript は大文字と小文字を区別します。なのでIfとifは別物です。
解決方法は、誤字を修正してください。

つぎに、if文の条件部分には式を入れることができますが、文を入れることができません。「文とは何ぞや？」となりますが、~~大雑把に言うと終わりに;を入れないといけないコードの部分、とお考えいただければ、おおむね外さないと思います。~~（←よく考えるとそんな簡単じゃなかったですね。）
解決方法ですが、全部書き直しましょう。

そして、if文の条件部分には、判別したい内容の式を入れる必要があります。この場合には「広告不要」であるかどうか、ですから、適切な条件は

js
1("article:tag"==pageTags[i].getAttribute("property")) && (noAdsTag == pageTags[i].getAttribute("content") )

の否定なのではないかと思います。
解決方法ですが、幸いなことにこの条件は記述されていますから、この条件の否定、つまりelseブロックに書けば、「広告不要」ではない時に動作するのではないでしょうか。

コメントを受けて追記

まあ、何かのご縁でしょうから、コードを書き直してみました。IE11でも動くはず。

js
1noAdsTag="お金の話"; //広告を設置しないタグを指定
2if ( Array.prototype.some.call(document.querySelectorAll("meta[property='article:tag']"), function(e){
3  return e.getAttribute("content") == noAdsTag;
4}) ) {
5  document.write('<!--');
6}else{
7  document.write('広告');
8}
9adsFilter();

投稿2019/02/25 08:15

総合スコア36115

2019/02/25 09:33

2019/02/25 09:38

breakを入れる事で解決しました！ほんとにありがとうございます。

Lhankor_Mhy

2019/02/25 10:05

ん！？　それ解決してますかね？なんか、タグの順番によってはうまく動作しなさそうな？

meikoara

2019/02/25 11:43

してませんでした。広告が全部のページにでてました。

Lhankor_Mhy

2019/02/25 12:24

うーん。私もはてなブロガーなんですが、自分とこのソースを見てみたんですけどね。タグを複数にすると、 <meta property="article:tag" content="雑談" /> みたいなのが、複数できるんですよ。そんで。このコードだと、 <meta property="article:tag" content="広告不要" /> <meta property="article:tag" content="雑談" /> の順番なら大丈夫なんですが、 <meta property="article:tag" content="雑談" /> <meta property="article:tag" content="広告不要" /> ってなったときに、広告を表示しちゃうと思うんですよね。まあ、現状で不具合がないならいいですが…… なんかあった時には、idコールでもしてくださいな。

Lhankor_Mhy

2019/02/25 12:25

あ、「してませんでした」とは、「動作してませんでした」ってことなのかな？

Lhankor_Mhy

2019/02/25 12:37

追記しました。

meikoara

2019/02/25 12:43

仰る通りで、広告が表示されてしまってました。解決してませんでした。「広告」という表示自体は出ていました。

Lhankor_Mhy

2019/02/25 12:59

追記したコードでもダメでしたか？自分のブログに組み込んでみたわけではないですが、うまく動きそうな気がするんだけどなあ……？