携帯アフィリエイトバイブル -携帯で稼ぐ-
携帯サイト収入(スマホ・携帯)で生計を立てる管理人による携帯アフィリエイトからスマートフォン・Twitter・Facebookまで稼ぐ方法・儲かるノウハウ・SEO対策などを入門から応用まで実践報告し攻略するブログ。初心者歓迎!安心の全ノウハウ無料公開
スポンサーサイト
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

にほんブログ村 小遣いブログ スマホ・携帯アフィリエイトへ
にほんブログ村
<オススメ情報>
アフィリエイト以上に簡単お小遣い稼ぎなら断然ポイントサイト♪
何年もポイントサイトを利用してきた私の厳選オススメサイトは以下の5つ(^^)
お財布.comモッピーGetMoneyげん玉ECナビ

カテゴリーTOPに戻る
--/--/--(--) --:--:--| スポンサー広告| トラックバック(-) コメント(-)
スマホアフィリ必須、オーバーレイ広告導入方法②
前回の記事で、スマホサイトアフィリエイトには広告のオーバーレイ化が非常に効果が高いと書きました。

今回は、いよいよスマホ広告をオーバーレイ化する具体的手順をご教授いたします!

そもそも「オーバーレイ広告」の意味が分からない方などは、是非前回記事を読み直してください。
スマホサイト広告をオーバーレイ化する方法

では、さっそくスマホアフィリエイトにとって書かせない広告のオーバーレイ化について手順を書いていきます。

①ヘッダにjavascriptを設定する。

自分のスマホサイトヘッダにjavascriptを設定します。

具体的には、サイトの<head>と</head>の間に以下の二行を挿入します。

<script src="http://code.jquery.com/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="http://meerkat.jarodtaylor.com/download/jquery.meerkat.1.3.min.js" type="text/javascript"></script>

これで、オーバーレイ広告用のライブラリ(便利なツール)をサイトに読み込みます。

②表示したい広告を設定する。


自サイトのbodyタグ(<body></body>)の中に以下の3行を記述してください。

<div class="ads">
  ここにASPで取得した広告タグを記述する。
</div>

ADTUNEの広告を表示したい場合。
<div class="ads">
ここから ADTUNEで取得したタグ
 <div id="lllub22v">
  <script type="text/javascript"><!--
    adtParams = {
    pskey: "lllub22v"
    };
  //--></script>
  <script type="text/javascript" src="http://lotate.adtune.jp/ad_img.js"></script>
 </div>
ここまで
</div>

③</body>タグの手前に以下を記述する。

<script type="text/javascript">
$(function(){
//meerkat stuff goes here
$('.ads').meerkat({
background: '#FFFFFF',
height: '50px',
width: '100%',
position: 'bottom',
close: '.close-meerkat',
dontShowAgain: '.dont-show',
animationIn: 'slide',
animationSpeed: 500
});
});
</script>

これで、ADTUNEがキレイにオーバーレイ化されて広告が表示されます。


実は、これmeerkatというjavascriptライブラリを使ってオーバーレイ化しています。
上記③での記述のオプション値を変えると色々と自由にカスタマイズできます。

たとえば、position:"bottom"となっているところを、"top"にすると、
広告がサイトの上部にずっと張り付いてついてくる感じになります。
もっと細かくオーバーレイを調整したいという片は、是非meerkatの公式サイトで情報を得てください。
→meerkat

是非、スマホサイトの広告をオーバーレイ化することで、より高いクリック率を実現してください!


※情報商材屋さんへ
記事を勝手に商材にして売ったり配布したりするのは辞めてください。
著作権侵害ですよ~。

にほんブログ村 小遣いブログ スマホ・携帯アフィリエイトへ
にほんブログ村
<オススメ情報>
アフィリエイト以上に簡単お小遣い稼ぎなら断然ポイントサイト♪
何年もポイントサイトを利用してきた私の厳選オススメサイトは以下の5つ(^^)
お財布.comモッピーGetMoneyげん玉ECナビ

カテゴリーTOPに戻る
コメント
この記事へのコメント
承認待ちコメント
このコメントは管理者の承認待ちです
2013/12/01(日) 22:15:19 | | #[ 編集]
コメントを投稿する
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可する
 
トラックバック
この記事のトラックバックURL
http://upup.blog3.fc2.com/tb.php/566-9f81776a
この記事へのトラックバック
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。