nendバナー広告、CSSのz-index値によっては隠れてしまうかも。

ようやくnendアフィリエイトサービスの申請が承認されましたので、早速オーバーレイバナーを設置しました。なにせアフィリエイトなんて初めてなので、申請が承認されるのかどうか、何を根拠にもわかっておりませんでしたので、単純に承認されて、無事表示され嬉しかったのですがw

バナーよりも、設置した「上部へ戻る」ボタンのレイヤーが上だったために、バナーが隠れてしまった。

と、ここで問題が発生！私は「上部へ戻る」ボタンをCSSを、position:fixedで右下にいつも配置しているのですが、オーバーレイバナーが隠れてしまいました。

nendメディアパートナーサービス利用規約の「第 18 条（禁止行為）」の（17）に、「(17)　メディアサイト等において、ユーザーのクリック又はタップに反応する端末画面上の領域の拡大・変動・移動を行う等の、当社が定める仕様に従わない配信を行う行為」とあり、また「(20)　その他、当社が不適当と認める行為」とありますので、これは禁止行為にあたるものだと思います。

やはりというか、単純にCSSのz-indexの問題なのですが、その数値が具体的に掲載されていないようなので、調べました。

nendのオーバーレイバナー広告のz-index数値は「9999」

オーバーレイバナーのz-index値は9999でした。9999だとバナーの上にオブジェクトが乗っかってしまいます。9998だとオブジェクトは下に隠れますので、

#pageTop {
position: fixed;
bottom: 0;
right: 0;
z-index:9998;
}

上記の例は右下に配置した例です。こうすれば下記の写真のように隠れてくれます。

コメント

プロフィール

bbpはWEBデザインと輸出入の仕事をしてます。趣味程度のブログです。キュレーションへの投稿、ページのいいねとシェアに喜びます。