堕天使マヨネーズのブログ | プログラミング https://mayonesu-blog.com なんとなくだったが本格的に始動したブログ(不定期) Sun, 17 Feb 2019 05:18:20 +0000 ja hourly 1 https://wordpress.org/?v=7.0 https://mayonesu-blog.com/wp-content/uploads/2021/03/cropped-icon-100x100.jpg 堕天使マヨネーズのブログ | プログラミング https://mayonesu-blog.com 32 32 199704500 ddo.jpに使う広告の貼り付け方法(PCやスマホ・タブレット分岐) https://mayonesu-blog.com/archives/post_id=196 https://mayonesu-blog.com/archives/post_id=196#respond Wed, 05 Dec 2018 04:52:38 +0000 https://mayonesu-blog.com/?p=196 現在使っているddo.jpは、広告をwebページ内に貼り付けることで半永久的にそのドメインを使い続けることができるわけなんですが(さらに毎月30回以上広告表示されないとダメです)、PCとスマホではサイズが違うのでそれぞれに対応したバナーを入れたいと思うわけですよ。

そこでここではどのようにしてこのWordpress内に入れたのか(いやまあ見ればどこにあるかわかりますがｗ)を教えたいと思います。

広告を入れるベストな場所はフッターだと思うので(別にどこでもいいのですがｗ)フッターのウィジェットにカスタムHTMLを選択してください。

そこにこのような型を入れてください(この中には入れてないですが、scriptタグを忘れないでください。)。


    var ua = window.navigator.userAgent.toLowerCase();

	if(ua.indexOf('iphone') !== -1 || ua.indexOf('ipod') !== -1 || ua.indexOf('android') !== -1 || ua.indexOf('windows phone') !== -1 || ua.indexOf('ipad') !== -1){

	}
	else{

	}

これでスマホとPCで分岐ができました。あとはバナーをスマホ・タブレット用とPC用にそれぞれ入れれば表示されると思います。
分岐とか考えてなければ元のバナースクリプトを張り付ければいい話なんですけどねｗ

ではでは！

]]> https://mayonesu-blog.com/archives/post_id=196/feed 0 196