ラベル 広告 の投稿を表示しています。 すべての投稿を表示
ラベル 広告 の投稿を表示しています。 すべての投稿を表示

水曜日, 7月 21, 2010

エキサイトブログ広告 攻略への道 No.1

はじめに

エキサイトブログについて無料ユーザのみ、インタレストマッチの広告が表示されるようになりました。私は、広告を消したり、隠したりするのではなく、記事と広告の分離を目指したいと考えています。この広告を攻略するために、HTMLコードを調査しました。

広告構造(素に近いHTML)

まずはじめに、どのような構造でインタレスマッチ広告を挿入しているのか調査。ブラウザのソース表示は実際のHTMLとちょっと違うため、実際にファイルをダウンロードして調査しました。ダウンロードにはUNIXではおなじみのWget[1]です。

※この記事を書く時に、なぜだか1つしか広告が表示されなかったので、1つだけだけど大体分かるのでよしとすることにしました。

エキサイトブログの広告構造 素に近いHTML抜粋

<div class="POST_BODY">
 <!--interest_match_relevant_zone_start -->
  投稿部分
 <!--interest_match_relevant_zone_end -->
 <br clear="all"/>
 <div name="im" id="imstyle="display:hidden;"></div>

 <script type="text/javascript">...</script>
 <script type="text/javascript">...</script>
</div>


  1. HTMLファイルをダウンロードして調査した結果、あらかじめ入れてある<div name="im" id="im" style="display:hidden;"></div>に対して、JavaScriptで広告のHTMLコードを流し込みようになっていました。そのコードがJavaScriptの2つめの部分に記述されています。
    CSSで広告を消されないように、JavaScriptでスタイルを設定しています。
  2. 記事の最後に見事に広告のコードが挿入されるようになっています。

[1] Wget ウェブサーバからコンテンツを取得するコンピュータープログラム。コマンドラインからURLアドレスとオプションを駆使してサイト丸ごと取り込むことも可能。今回は、"Wget URLアドレス"と単純にHTMLファイルのみを取り込みました。以下のサイトでプログラムを入手可能です。 GNU Wget


広告構造(ブラウザ)


<div class="POST_BODY">
<!--interest_match_relevant_zone_start -->
投稿
<!--interest_match_relevant_zone_end -->
<br clear="all">
<div name="im" id="imstyle="display: block ! important; visibility: visible ! important; height: 100% ! important; width: 100% ! important;">
 <table style="margin: 20px 0pt 15px; width: 95%;" align="center">
 <tbody>
 <tr>
  <td class="im_hitid="lasg0onclick="ga(this,event);return false;">
   <span class="im_url">広告タイトル</span>
   <a id="asg0" href="広告URLアドレス">&nbsp;</a>
   <span class="im_url">www.rakuten.ne.jp</span>
   <table class="im_summaryborder="0cellpadding="0cellspacing="0">
   <tbody>
    <tr>
     <td class="im_summary">広告の内容</td>
    </tr>
   </tbody>
   </table>
  </td>
 </tr>
 <tr>
 <td>
 <div class="im_title">
  インタレストマッチ -
  <a href="http://..." style="color: rgb(145, 145, 145); text-decoration: none;">広告の掲載について</a>
 </div>
</div>

広告変更は禁止?

 無料のサイトをお借りすることが多いので、広告表示の件もサイト毎によって違ったりする。広告の内容を改変したり、広告の見た目を変えることが禁止されていることがある。エキサイトではなにをしていいのか、なにをしてはだめなのかが分からない。ただ、広告自身を変えるのがアウトな気がする。フォントサイズや、間隔、色などかえるとアウトな気がする。[2]

[2] 私がそう思っているだけで、本当は違うかも。そうであって欲しいけど。

どこを修正しようかぁ

 #imを含む階層下の変更が素人として楽である。だが、それでは美しくない。やはり#im階層下を変更しないで変更できるのが美しいと感じる。CSS2以降の対応ブラウザであれば、広告タグが入ったあとだけその部分の修正を行うことが可能である。ただしなぜだかIEはいつもうまくできない。以下のリンクは苦心して作ったものであるが、完全ではない。

exciteブログの広告枠の明記(改良)

現在は,#imのトップ部分にボーダラインを入れることと、上記方法で広告の区別を行っている。しかし、この方法をよりブラッシュアップしてもっと良い方法がないか、探したいと思っている。

土曜日, 7月 17, 2010

エキサイトブログ 広告非表示タグの回避に関する説明

はじめに

エキサイトブログの広告表示に関して。広告を非表示にするタグについて対策をしている。まず、広告を非表示にすることはNGなので、やらないで下さい。

広告非表示対策コードの説明

まずは、広告非表示対策コードについて。このコードは "! important"を指定して有効順位を上げて、CSSでの "important"の指定を無効にしています。無効にされているのは、#imのdisplay(画面にどのように表示されるか),visibility(表示するしない),height(高さ),width(巾)の変更を出来なくしています。


<div style="display: block ! important; visibility: visible ! important; height: 100% ! important; width: 100% ! important;" id="im" name="im">

最後に

広告を消しちゃうのはNGです。私も広告は消していません。今回の対策はまだ抜けがあるのですぐに回避する方がでてくるでしょう。公開をするかしないかは、その方の自由なので何もいえませんが。あからさまな公開をすると塞ぎに入ると思います。それなので、ちょっとしたヒントで分かるようにすればいいのかなぁ


#im table{display:none !important;}

木曜日, 7月 08, 2010

エキサイトの記事部分の広告のカスタマイズの注意

この記事は、エキサイトでの記事です

 この記事はエキサイトでの記事をコピーして表示しています。このBloggerのサイトでは禁断の技などを公開していますので、ご注意下さい。

うまくやってね

エキサイトのブログの記事部分に広告が表示される件で、カスタマイズにチャレンジしているかもしれませんね。でも、くれぐれも広告を消すとか、あからさまに広告をかえるなどしないようご注意下さい。(なにをやっていけないのか、書いてないのがこまったね)

 広告を消して、密告されて、アカウント停止処分などを受けてしまったらまた、お友達がいなくなっちゃうので、さびしくなります。

エキサイトの広告についての注意事項をまだ、見つけられていないのだけど、どこまで弄ってもいいのか、悩んでします。

あからさまに、記事から出して、トップに表示なんかもできちゃうのだけど、それもNGなのかわからないので、やっていません。ぎりぎりのグレーの部分を探してこのサイトでは記事にしていますが、これもNGかもしれませんので、ご注意下さい。(別のサイトにはアウトな禁断の記事を書いていますが、これはNGなので、やらないでね。)

土曜日, 6月 26, 2010

exciteブログでの広告の分離(禁断の技)

はじめに

exciteブログの広告の上に分離のためのボーダを入れる方法です。かなりアウトな気がする禁断の技です。

CSS編集

/*広告の分離*/
#im{ border-top:1px solid #ccc;}

最後に

これはアウトかな。記事のなかにhrを入れなくていいのだけど。やっぱりhrを入れて対処した方がよいのかなぁ。

金曜日, 6月 25, 2010

exciteブログの広告について

注意:この技は現在対策されており、利用できません。
参考:http://potto-laboratory.blogspot.com/2010/07/blog-post_17.html

exciteブログの広告非表示(禁断の技)

exciteブログに広告が2010年7月1日から表示されるようになる。この広告は次のようにCSSを編集すると表示されなくなる。しかし、この方法はお勧めできない。なぜならば、広告表示を消す行為または、広告をいじると規約違反になる可能性があるからである。広告をいじらずにうまく、デザインに溶け込ませることができればいいのだが,でもそれも怒られそうな気がする。
なにか、よいアイディアがあればよいのだけど・・・

#im{display: none ! important;}