• ベストアンサー

googleアドセンスにjavascriptを使用するのは禁則事項?

あるサイトで以下のような感じのgoogleアドセンスを発見しました。 ---------------------------------------------------- ○○○○○○○○○○○○ www.xxxxxxxxx.co 解説解説解説解説解説解説解説解説解説解説解説解説 △△△△△△△△ www.bbbbbbbbbbb.jp 解説解説解説解説解説解説解説解説解説解説 ××××××××××× www.aaaaaaaaaa.jp 解説解説解説解説解説解説解説解説解説解説解説 Ads by Google ---------------------------------------------------- 横幅と文字の大きさは上記とおなじくらいです。 上記のような広告のフォーマットは見たことがなかったので、googleアドセンスの広告フォーマットを調べてみました。けれど、載っていませんでした。 そこで、どのようにしているんだろうとソースを見てみると、以下の記述がされておりました。 --------------------------------------------------------------- <script type="text/javascript"> <!-- function google_ad_request_done(google_ads) { var s = ''; var i; if (google_ads.length == 0) { return; } if (google_ads[0].type="text" && google_ads.length > 0) { s=''; s += '<div style="margin:0;padding:36px 0 0;line-height:1;text-align:left;">'; for(i=0; i < google_ads.length; ++i) { s += '<div style="margin:0;padding:2px;">'; var gad_title ='<a style="font-size:12px;font-weight:bold;margin:5px 0px 0px 5px;padding:0;" href="' + google_ads[i].url + '" >'+ google_ads[i].line1 +'</a>'; var gad_url ='<a style="font-size:11px;margin:2px 0 0 5px;padding:0;" href="' + google_ads[i].url + '" >' +google_ads[i].visible_url +'</a>'; var gad_des ='<p style="font-size:12px;margin:5px 0 10px 5px;padding:0;display:block;text-decoration:none;line-height:1.2;">' + google_ads[i].line2 + google_ads[i].line3 +'</p>'; s += gad_title; s += gad_url; s += gad_des; s += '</div>'; } s += '<p style="padding:0 5px 0 5px;text-align:right;font-weight:bold;font-size:12px;">Ads by Google</p>'; s +='</div>'; } document.write(s); return; } if ( parent==self ){ google_ad_client='ca-cyberagent-ameblo_js'; google_ad_channel='ameblo'; google_ad_output='js'; google_max_num_ads='3'; google_ad_type='text'; google_language='ja'; google_encoding ='utf8'; google_safe='high'; google_ad_section='s1'; } //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> ---------------------------------------------------------------- おそらく、上記の言語はjavascriptだと思います。わたしは、javascriptに関しては素人です。なので、上記の記述がどのような意味をもっているかはわかりません。けれど、上記のjavascriptを用いてgoogleアドセンスの広告フォーマットを変更しているのだと思います。 googleアドセンスの禁則事項に、googleが提供している「フォーマット」と「色」の箇所を選択する以外に、タグを変更することは禁止というような文言がありました。 でも、javascriptを用いて上記のようなgoogleアドセンスの表示をさせることは禁則事項にあたらないのでしょうか?

質問者が選んだベストアンサー

  • ベストアンサー
  • hiyokko7
  • ベストアンサー率52% (9/17)
回答No.2

もしくはプレミアム会員っていうオチじゃ…

masarin16
質問者

お礼

hiyokko7さんへ お返事ありがとうございます。 どうやら、google公認の特殊なアドセンスみたいです。 http://japan.cnet.com/marketing/story/0,3800080523,20366406,00.htm たいへんお騒がせしてしまい、申しわけございませんでした。

その他の回答 (1)

  • chanfi
  • ベストアンサー率37% (10/27)
回答No.1

googleから配布されるタグを変更するのはポリシー違反に該当しますね。 googleへ通告すれば、すぐアカウント停止またはアカウント削除されると思います。 なので、気に入らないようでしたら、通告してやってください。

masarin16
質問者

お礼

chanfiさんへ このたびは、お返事が遅くなりましたこと、たいへん申しわけございませんでした。 hiyokko7さんの記事と同時に読んでいます。 上記のサイトは、アメブロで使われていました。 「プレミアム会員」と聞いて、アメブロについてもいろいろと調べてみました。 そして以下の記述を発見しました。 「サイバーエージェントは2月1日、同社が運営するブログサービス「Ameba(アメブロ)」のオフィシャルブログを除く全てのPC版のブログに「Googleアドセンス」を導入する」 どうやら、google公認の特殊なアドセンスみたいです。 このたびは、たいへんお騒がせさせましたこと、深くお詫び申しあげます。

関連するQ&A

  • JavaScriptのDOMでGoogle Ads

    JavaScriptのDOMでGoogle Adsenceコードを表示させたいです。 var test = document.getElementById("test"); var code='【Google Adsenceコード】'; test.innerHTML=code; が上手くいきません。 Google Adsenceコードの中に、<script type="text/javascript"><!-- などが入っているからでしょうか? よろしくお願いいたします。 Google Adsenceコードの例。 <script type="text/javascript"><!-- google_ad_client = "ca-pub-11111111111111111"; /* test */ google_ad_slot = "11111111111111"; google_ad_width = 728; google_ad_height = 90; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>

  • google画像検索のように画像を表示させたい

    http://oshiete1.goo.ne.jp/qa4869855.html で質問した者です。 「googleのように 画像」で検索したところ http://okwave.jp/qa4567914.html このページがHITしました。 そこでNo3の方のソースを元に画像を表示させてみました。 ---ここから--- <style type="text/css"> <!-- p{ text-indent: 1em;} body>h1,body>h2{ text-align:center;} p.abstract{ margin-left: 20%; margin-right: 20%;} div.ImageList{ position: relative; margin-left:20%;margin-right:10%;width: auto; border: solid 2px blue;} div.ImageList ol{ display:block; margin:0px; padding:0px;} div.ImageList>ol>li{display: block; margin: 2px;padding:0px;border:solid 1px gray; width:160px;height: 100px;float:left;text-align:center;} div.ImageList>ol>li>ol>li{display:block;font-size:0.8em;text-align:left;padding:0.2em;text-indent:1em;} div.ImageList hr{ clear:both;visibility:hidden;} div.ImageList div{ position: absolute; width: 21%; left: -23%;top: 0px;font-size:0.9em} --> </style> ---ここまで--- このスタイルシートについてなのですが、 画像のまわりについている黒の薄い線と、大きな青い線を消すことは出来ないでしょうか? この二つの枠線を消してもっと画像どうしをギュッと詰め込みたいのです。 どの部分を削れば削除することが出来ますか?

    • ベストアンサー
    • HTML
  • JavaScript

    自分は、初心者です。 クリックを押すと、右に文字を動かしなさいと言う問題が出ました。 CSSのデーターも渡されています。 どのように、プグラミングしたらよろしいでしょうか? よろしくお願いします。 cssのデーターです。 ===================== *{ font-family: arial,helvetica,sans-serif; } .odd{ margin: 0px auto; padding: 10px; background: #333; color: #FF0; } .even{ margin: 0px auto; padding: 10px; background: #999; color: #00F } h1{ margin: inherit auto; text-align: center; } #source{ float: left; width: 45%; height: 100%; display: inline-block; border: 1px solid red; } #destination{ float: right; width: 45%; height: 100%; display: inline-block; border: 1px solid blue; } .wrapper{ height: 800px; } #buttonForm{ font-size: 20px; text-align: center; display: block; margin: 0px auto 20px; } #button{ padding: 10px 15px; font-size: 20px; } =================

  • 直接書き込むCSSを外部ファイルに設定したい

    CSS初心者です。下記の携帯テンプレートを使ってサイトを作りたいです。 タグに直接書き込むタイプのCSSが多いのですが、 このソースの一部を外部ファイルに設定するには、どういう書き方をしたら良いでしょうか? 【外部に設定したい項目】 ★タイトル下線のMARGIN-RIGHT: 47% ★真ん中の線(画像位置)BACKGROUND-POSITION: 53% ★一番下線のMARGIN-LEFT: 53%; 外部にしたい理由は携帯とパソコンで見た時にそれぞれ線の位置を変えたいと思って いるからです。出来ますでしょうか?CSSに詳しい方、どうかお願いします(>_<) 【全タグ】 <html> <HEAD> <TITLE>TITLE</TITLE> </HEAD> タイトル <H1 style="PADDING-LEFT: 7px; MARGIN: 0px; PADDING-TOP: 10px; BACKGROUND-COLOR: #ffffff"></H1> <DIV style="BACKGROUND-POSITION: 53% 40%; BACKGROUND-IMAGE: url(http://deai.mokuren.ne.jp/up/src/up3891.gif); BACKGROUND-REPEAT: repeat-y"> <DIV style="BORDER-TOP: #000000 1px solid; MARGIN-RIGHT: 47%"> <P style="PADDING-RIGHT: 0px; PADDING-LEFT: 15px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 7px"></P></DIV> <DIV style="MARGIN-LEFT: 40%; PADDING-TOP: 17px"> <DIV style="WIDTH: 300px; MARGIN-RIGHT: 20px"> <H2 style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 13px; PADDING-BOTTOM: 2px; MARGIN: 0px 0px 3px; PADDING-TOP: 3px; BACKGROUND-COLOR: #000000"> <font color="#ffffff">コンテンツ</font></H2></font> <div style="border:solid 1px #000000;margin-bottom:5px; padding:5px;background-color:#ffffff;"><Font Color="#000000"><A Href="">小説</a></div> <div style="border:solid 1px #000000;margin-bottom:5px; padding:5px;background-color:#ffffff;"><Font Color="#000000"><A Href="">小説2</a></div> <div style="border:solid 1px #000000;margin-bottom:5px; padding:5px;background-color:#ffffff;"><Font Color="#000000"><A Href="">その他</a></div> </DIV></DIV> <DIV style="MARGIN-LEFT: 53%; BORDER-BOTTOM: #000000 1px solid"> <P style="PADDING-RIGHT: 5px; MARGIN: 0px; PADDING-TOP: 17px" align=right></DIV></DIV> <P style="PADDING-RIGHT: 5px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-TOP: 5px" align=right> </HTML>

    • 締切済み
    • CSS
  • Javascriptでツリーメニュー(Aタグ使用) 画像を右揃えにするには?

    Aタグを使ってJavascriptのツリーメニューを作っているのですが、右揃えにならず、困っています。 下記ソース内で、テキスト「1.ツリーメニュー」は左揃えで、画像(main_a.gif)は右揃えにしたいのです。DIVやSPANで試しましたが、私の力不足でうまくいきません。 どなたか教えていただけませんか? <HEAD> <STYLE> .no_border { vertical-align: middle; text-align: right; border-style:none; } A.main { display: block; width: 100%; color: #000000; background-color: #0000FF; margin: 3px; padding: 6px 6px 6px 1px; font-size: 14px; line-height: 14px; text-align: left; text-decoration: none; padding-left: 5px; } A.main:hover { color: #000000; background-color: #FF0000; margin: 3px; padding: 6px 6px 6px 1px; padding-left: 5px; } A.main:active { color: #333333; } A.main:visited { color: #333333; } A.main:focus { color: #333333; } A.sub_chan { display: block; width: 100%; color: #000000; background-color: #0000FF; margin: 3px; padding: 3px 3px 3px 3px; padding-left: 10px; font-size: 12px; line-height: 12px; text-align: left; text-decoration: none; } A.sub_chan:hover { color: #333333; background-color: #FF0000; margin: 3px; padding: 3px 3px 3px 3px; padding-left: 10px; } A.sub_chan:active { color: #333333; } A.sub_chan:visited { color: #333333; } </STYLE> <SCRIPT language="JavaScript"> flag = false; function treemain(tName) { tmain = document.all[tName].style; if(tmain.display == 'none') tmain.display = "block"; else tmain.display = "none"; </SCRIPT> </HEAD> <BODY> <A href="javaScript:treemain('treemain1')" class="main">1.ツリーメニュー<img src="../img/main_a.gif" class="no_border" alt="メニューA" width="20" height="20"></A> <DIV id="treemain1" style="display:none"> <A href="http://yahoo.co.jp" class="sub_chan">⇒1-1.</A> </DIV> </BODY>

    • ベストアンサー
    • HTML
  • スタイルシートを使用したサイト作りで

    サイトページの真ん中に450pxの白の柱に本文を入れ、周りをすべて黒というスタイルにしたく思ってます。 柱をウィンドウの上から下まで表示したいのですが、どうしてもうまくいきません。どうぞ御指南下さい!!作ったタグを載せます。 *{margin:0; padding:0; font:normal normal normal x-small/1.5em Verdana,"MS ゴシック",Osaka,Gothic,sans-serif;} body{ height:100%; background-color:#000000; color:#000000; cursor:default;} br{ letter-spacing:normal;} #body{margin:0px auto; width:450px; height:100%; background:#ffffff;} #header{padding:0px} #menu{padding:0px 0px 5px; text-align:center;} #main{padding:0px 10px;} #navi{text-align:right; padding:0px 10px;} #foot{height:123px; background:url(img/img2.gif) no-repeat 0% 0%;} .text{padding:0px 0px 10px;} p{padding:1px 0px;} h1,h2{font-weight:bold;} h1{text-align:center; color:#666666; font-size:190%; padding:10px 0px 0px;} h2{ text-align:left; color:#000000; font-size:100%; padding:0px 2px; margin:5px 0px;} サイトページ <body> <div id="body"> <div id="menu"> <h1 id="TOP">- ABOUT - </h1> </div> <hr class="none"> <hr class="none"> <div id="main"> <h2>test</h2> <div class="text"> <p>test</p> </div> <h2>test</h2> <div class="text"> <p> test </p> </div> </div> <div id="navi"> <p>INDEX // <a href="#TOP">PAGE TOP</a> // </p> </div> </div> </body> </html>

  • CSSでの影の付け方

    http://radiocaroline.jp/ 上記のサイトのようにコンテンツ表示領域と 背景領域の間のグラデーション部分はどのように 設定すればいいのでしょうか? 現在真ん中780px固定で左右を背景画像にしてます。 <style type="text/css"> <!-- body { background: #000000; margin: 0px; padding: 0px; text-align: center; color: #ffffff; background-color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; background-image: url(images/bg.gif); background-repeat: repeat; } .oneColFixCtrHdr #container { width: 780px; background: #000000; margin: 0px auto; text-align: left; } .oneColFixCtrHdr #header { padding: 0px; background-color: #000000; } .oneColFixCtrHdr #header h1 { margin: 0px; padding: 0px 0px; } .oneColFixCtrHdr #mainContent { padding: 0px; background-color: #000000; } .oneColFixCtrHdr #footer { padding: 0px; background-color: #000000; } .oneColFixCtrHdr #footer p { margin: 0px; padding: 5px 0px; } #left { background-color:#000000; width:530px; float:left; } #right { background-color:#000000; width:250px; float:left; } .style2 { color: #FFFFFF; font-size: 80%; } .style1 {font-size: 60%; color: #CCCCCC; } .style6 {color: #CCCCCC} .style7 {font-size: 70%} --> </style>

  • このサイトの仕組みを教えてください。

    このサイトの仕組みを教えてください。 ttp://affisearch.com/ googleアドセンスのIDを入力すると、 その人の運営しているサイトリストが表示されます。 同じようなものを作りたいのです。 仕組みを教えて下さい。 PHP, PERLどちらでも構いません。 グーグルアドセンスの場合、javascriptです。 <script type="text/javascript"><!-- google_ad_client = "pub-XXXXXXXXXXX"; google_ad_width = 728; google_ad_height = 90; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> javascriptだとサーチエンジンで引っかかりません。 上記のサイトはどうやって作っているのでしょうか。

    • ベストアンサー
    • PHP
  • javascript cssの値を取得、変更

    タイトルの通りですが、javascriptにてcssの値を取得することはできますでしょうか? 考えている機能は、URLを指定するtextboxがあり、そこに入力したURLのボックスを解釈し、分解してmarginやpadding、border、width、height、合計縦幅、合計横幅…といった情報を出してくれる。その際できればcssで指定のないものも表示したい。いらない要素は破棄。 例: <html><style type="text/css"> #wrap{ width:250px; height:300px; margin:5px 10px; padding:10px 5px; } #hoge{ width:250px; height:50px; border:5px solid; } #moge{ width:100px; height:150px; margin:5px 10px; padding:10px 5px; } </style> <body> <div id="wrap"> <div id="hoge"> <ul> <li>aaa</li><li>bbb</li> </ul> </div> <div id="moge"> <img src="dammy1.gif" /> <img src="dammy2.gif" /> </div></div> </body></html> 適当ですけど、こんな感じだったら、 <html><style type="text/css"> #wrap{ background:#333; width:250px; height:300px; } #hoge{ background:#666; width:250px; height:50px;} #moge{ background:#999; width:100px; height:150px; } </style> <body> id名<br /> #wrap<br /> #hoge<br /> #moge<br /> … <div id="wrap"> width=<br /> height=<br /> margin-top=<br /> margin-right=<br /> … </div> <div id="hoge"> width=<br /> height=<br /> margin-top=<br /> margin-right=<br /> … </div> <div id="moge"> width=<br /> height=<br /> margin-top=<br /> margin-right=<br /> … </div> </body></html> こんな感じにしてhtmlを吐き出す。 そんなことは可能でしょうか?少し大変になっても可能なら頑張って作ろうと思っています。よろしければ教えていただけないでしょうか?よろしくお願いします。

  • フレーム構造のページで左右上下の余白を0にしたいのですが、以下の何れの

    フレーム構造のページで左右上下の余白を0にしたいのですが、以下の何れの方法でも ほとんど変化がありません。 1.<frame src="green.html" marginwidth="0" marginheight="0"> 2.<body style="margin:0px;padding:0px;"> 3.<style type="text/css">    <!-- body { margin:0px;padding:0px;}   -->   </style> 確実な方法を教えてください。 宜しくお願い致します。

    • 締切済み
    • CSS