ブログを運営しています。
記事と記事の間に広告のコンテンツを入れたいのですが、単純に記事と記事の間に広告の「スクリプト」を張るという方法は、そのブログの特性により出来なくなっています。複数ある記事の一番上、または、記事の一番下にしか広告を貼れないのです。
その記事と記事の間に広告のタグをなんとかして貼付けたいですが、何か良いアイディアはないでしょうか?
そこで考えたのですが、まず広告のスクリプトを普通に記事の一番下にはり、それをあらかじめ用意しておいた「記号A」に代入し、後からその「記号A」を読み込み、それをスクリプト以外のタグで記事と記事の間に張る、・・というものですが、この方法は可能でしょうか?(html初心者なので意味不明な事を言ってるかもしれません、ごめんなさい。)
よろしくお願いいたします。
No.2ベストアンサー
- 回答日時:
貼り付けるコンテンツがGoogle Adsenseの広告ということであれば、JavaScriptを用いれば貼り付けることが可能です。
(ほかの広告でもおそらく可能でしょう)ただし、貼り付けるのは記事の内部(記事本文の一番下など)となり、完全に記事と記事の間に表示することはできません。
また、JavaScriptが無効な環境では表示されません。
まず、ページ一番下のページ要素には、「HTMLを編集」モードで以下の内容を書きます。
<div id="ad">
ここに広告を貼り付ける
</div>
<script type="text/javascript"><!--
// 以下のJavaScriptで、記事中の<span id="ad###"></span>の部分を
// すべて上記の広告に置き換えます。
oElements = document.getElementsByTagName("span");
for (i = 0; i < oElements.length; i++){
id = oElements[i].id;
if(id.match(/^ad\d+$/i)){
oElements[i].innerHTML = document.getElementById("ad").innerHTML;
}
}
//--></script>
そして記事の投稿時には、必要な記事を入力した後、「HTMLを編集」に切り替えてから、広告を挿入したい場所に
<span id="ad###"></span>
のように書きます。
(###には適当な数字の列を入れて下さい。ただし重複した数字がページ中に存在してはいけないため、例えば「20070601」のように投稿した日付などを用いることをお勧めします。)
こうすることで、一番下に広告を表示し、さらに各記事の本文の一番下にも広告を表示できます。
回答ありがとうございます。
これはかなり凄いですね。各記事の下に広告を表示できるようになりました。
しかし、Google Adsenseの規定で1ページに表示される広告の数は3つまでと決まっているので、その規定をオーバーすることになってしまいました。(1ページに記事が3つ以上ある為です。)そこで広告の表示位置を記事の下ではなく日付の下に指定し、また1ページに表示される記事の量を2日分としたことによってその問題は解決したのですが、記事をカテゴリ(ラベルと呼ばれるもの)毎にアーカイブ化して表示させると、今までそのカテゴリに投稿した記事がすべて表示されてしまい、広告も、そこに表示された記事の投稿日数分が表示されてしまいます。分りづらくてすみません。
例えば広告の数をカウントするスクリプト(実際にあるのか分りませんが)で広告の表示をカウントし、3つに達したらdisplay:noneなどのコードを使い、それ以上広告を表示させない、といったちょっと力技な方法はあるのでしょうか?要は、広告を3つまで表示させたいです。
今回の質問である「コンテンツの移動方法について」は解決しているので少ししたら質問を閉め切ろうと思いますが、もしお時間がありましたら教えていただきたいです。
No.3
- 回答日時:
実際には試していませんが、これでいけるかと思います。
<div id="ad">
ここに広告を貼り付ける
</div>
<script type="text/javascript"><!--
// 以下のJavaScriptで、記事中の<span id="ad###"></span>の部分を
// すべて上記の広告に置き換えます。
oElements = document.getElementsByTagName("span");
pasted = 0; // この変数で、貼り付けた数を数える
for (i = 0; i < oElements.length; i++){
id = oElements[i].id;
if(id.match(/^ad\d+$/i)){
oElements[i].innerHTML = document.getElementById("ad").innerHTML;
pasted++;
if(pasted >= 2) break; // 貼り付けた数が2個を超えたら(全体の数が3個を超えたら)終了
}
}
//--></script>
度々ありがとうございます。Javascript勉強してみようかと思いました。凄すぎです。
これなら、当初の予定通り記事の下に広告を表示し、かつ3個以下に管理出来るようになりました。
この度は、誠にありがとうございました。
No.1
- 回答日時:
あなたがどのブログサービスを利用してブログを運営しているのか分からないので、何ともお答えできません。
もし、あなたのブログが他者の提供するサービスを使っているのであれば、そもそもスクリプトを挿入しようとしてもそれが無効化されるので、不可能だと思います。
もしあなたが、Webスペースを(無料でも有料でも)レンタルしていて、そこにブログCGIを設けているのであれば、そのソースコードをいじる方法が考えられます。
アドバイスありがとうございます。
すみません説明不足でした。
ブログサービスは、googleのblogspotを利用しています。
>そもそもスクリプトを挿入しようとしてもそれが無効化される
はい、普通にスクリプトのタグをhtml構文中に挿入するとエラーになってしまうのですが、blogspotの独特のシステムである「ページ要素」として挿入するとスクリプトは使用可能です。ですが、ページ要素は、挿入出来る位置が決まっております。「投稿記事」自体もページ要素なのですが、その内部に、ページ要素として広告のスクリプトを何とか入れることはできないかと考えまして・・。
ストレートにページ要素の中にページ要素を入れようとするとエラーになってしまうので、上記のような方法を考えた次第です。
blogspot自体はphp仕様ではないのですが、phpを使わないとやはり無理でしょうか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(ネットショッピング・通販・ECサイト) アフィリエイトについての、質問です。 例えば、私が 「アウトドア」に関する記事を ブログにて発信して 1 2022/09/17 20:45
- その他(ブログ) アフィリエイト広告の貼り方が分かりません 2 2023/07/04 14:39
- WordPress(ワードプレス) Wordpressの記事URLを自由に決めたい 3 2022/06/02 12:05
- インターネット広告・アフィリエイト みなさんはアフィリエイトブログを始めてから成約まで、どのくらいかかりましたか? 自分はブログを始めて 1 2022/05/10 18:42
- IT・エンジニアリング 求人サイトインディードの手法(求人サイトではなく、求人情報検索表示サイトである)は合法なの? 1 2022/06/21 13:32
- WordPress(ワードプレス) WordPress のブログを初期化したい。リスクは? 1 2023/01/01 05:47
- ノートパソコン yahooポータルの広告設定 PCを使っている方でyahooポータルからネット接続している方は多いと 1 2022/07/17 07:49
- WordPress(ワードプレス) 投稿記事のタイトル上部に「広告」の文字が表示される 1 2022/06/12 09:36
- インターネットビジネス エーハチネットの規約について 例えばオルビス ディフェンセラの商品の規約が 下記のように書かれていま 1 2022/10/28 18:04
- PHP コメント機能に返信欄を矢印で追加したい 1 2022/05/09 21:17
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
MAX関数を使ってからLEFT JOIN...
-
createElementで作成した要素を...
-
iframe内のリンクが飛ばないの...
-
背景色を透明化
-
自働生成される<div>タグに連番...
-
javascriptテキストBOX色を元に...
-
[急ぎ] videoタグで埋め込んだm...
-
指定字数以降隠す
-
特定のclassを指定してonclick...
-
VBScriptでXMLのデータを取得す...
-
IFRAMEの表示/非表示を切り替え...
-
ラジオボタンの切替で表示する...
-
CSSのID名に配列を使えませんか?
-
オンマウスで画像と説明文を表...
-
初心者です。
-
getElementByIdの戻り値がnull...
-
removeEventListenerについて
-
背景色を一定時間ごとにランダ...
-
JSで動的にリンクを作成
-
IEだけで動くツリー表示
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
MAX関数を使ってからLEFT JOIN...
-
javascriptテキストBOX色を元に...
-
読み込んだQRコードをフォーム...
-
createElementで作成した要素を...
-
removeEventListenerについて
-
クリックで色変更後に既に変更...
-
iframe内のリンクが飛ばないの...
-
[急ぎ] videoタグで埋め込んだm...
-
背景色を透明化
-
console.log結果をhtmlで表示し...
-
表示・非表示のスクリプトで、...
-
getElementByIdの戻り値がnull...
-
removeAttribute()メソッドで削...
-
テキストエリア内の一部の文字...
-
タブで開いてさらにタブ内をア...
-
IFRAMEの表示/非表示を切り替え...
-
変数内容をHTML内で表示する方法
-
HTMLタグに複数のクラスを設定...
-
jQueryのアコーディオンメニュ...
-
取得した要素がインライン要素...
おすすめ情報