<< 2017年03月 >>
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31  
最新記事
カテゴリアーカイブ
タグクラウド

2014年12月27日

ファンブログのスマホ版表示で「ADPRESSO」のオーバーレイ広告設置方法

ちょっと縁があってADPRESSOの広告を設置したので、その方法を書いておく。





スクローるしても付いてくるHTML(スティッキーヘッダー)の記事書きました。
興味あったらこっちもよろしく。

下の公式サイトには詳しい広告の設置方法は書いてありません。
見つけられなかっただけかもしれないけど。
ADPRESSO公式サイト

参考サイト
とりあえず上のサイトを見ながら広告タグ発行まで進める。

で、HTMLタグにタグを埋め込むんだけど、ファンブログのスマホ版ってどうやってHTML編集するの?
PC版は新しいHTMLデザインを追加するときにタグを修正できるんだけど、スマホ版はどうやるかわからない。

とりあえずどっかに埋め込んどけば動くかな(てきとう)。
作戦は以下。
1.スマホデザインのコンテンツに進む
2.コンテンツで自由形式追加
3.そこにスクリプトタグを埋め込む
4.コンテンツの設定

1.スマホデザインのコンテンツに進む
2.コンテンツで自由形式追加
デザイン設定 ⇒ スマートフォンタブ ⇒ コンテンツ ⇒ コンテンツの追加
デザイン画面.PNG

3.そこにスクリプトタグを埋め込む
上のタグは必須です。
ついでにオーバーレイ広告を出したかったので追加してみます。
コンテンツ追加.PNG

4.コンテンツの設定
全部チェックして、「メイン 0」で登録する
追加後.PNG

さあ確認してみようか。
スクショ1.png
できたーーー。


こうなってくると普通のバナーとかもいれてみたくなったのでやってみた。
すでに絶対に入れなきゃいけないタグは「3と4」でいれたので
  • <div presso_sid="1036"></div>

のタグを本文にいれるだけ。
スクショ2.png
やったぜ。

ただしスマホ用のHTMLに共通タグを入れたので、PCから見たらバナーは表示されないと思います。
そこはPCでも表示させたい場合は各自頑張って下さい。
実験
↓はスマホだと広告が表示され。PCだと何も表示されないはず。
PCでも表示させるようにしました。


スクローるしても付いてくるHTML(スティッキーヘッダー)の記事書きました。
興味あったらこっちもよろしく。
【このカテゴリーの最新記事】
posted by オジャワ at 08:27 | Comment(0) | TrackBack(0) | ADPRESSO
この記事へのコメント
コメントを書く

お名前:

メールアドレス:


ホームページアドレス:

コメント:

この記事へのトラックバックURL
http://fanblogs.jp/tb/3111013

この記事へのトラックバック
% /if %