涙拭けよスマートフォン用の表示で見るスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。読者です読者をやめる読者になる読者になる涙拭けよ日常の笑える話から、ラーメンなどのグルメ情報、果ては妖怪ウォッチや自己啓発までなんでもござれなブログ。2015-08-05はてなブログの記事直下にAdSense広告を縦に2つ並べる方法ブログカスタマイズシェアするGoogle+Pocketども!守形レイジです。今回は少しテクニカルな話をします。※スマホは1ビューに2つ以上広告があるとダメらしいので、気をつけてください。PC版は、ダブルレクタングルのコードをdivと/divの間に挟むことをオススメします。広告の貼り方を何とかしたかった。前回の記事をみてアドバイスしてくださった方がいました。menheraneetPCからの表示ですが、adsenseは一番下のやつをはてなスターの上あたりに表示してみたらちょっとは良さそうな気がします。僕は記事とスターの間に2つ縦に並べるようにしてから安定しましたねーいつも仲良くしているアリカワシュウヘイ(idmenheraneet)さんです。僕も記事のずっと下に表示される広告に意味を感じていませんでしたし、サイドの広告も機能していないので、なんとかしたいなと思っていたのです。「縦の視点」で広告を貼りたいという気持ちがありました。はてなスターの上に貼るには?やはりあまりにも下にありすぎて、絶対にクリックされないのでこれは何とかしたかったです。ソーシャルボタンの下に出てしまうのでみられる頻度が少なくなります。普通に貼り付けるだけでははてなスターの上には表示できません。記事に直接毎回手動で貼るのは面倒なので、自動的に挿入される方法が欲しかったのです。temp=myFooter.cloneNode(true);myFooter.parentNode.removeChild(myFooter);document.getElementsByClassName("entry-content")[0].appendChild(temp);</script>上記のコードをカスタマイズの中の「記事下」の部分に貼り付けます。※ここにAdSenseコードの貼り付けというところをAdSenseの広告コードに置き換えます。もって2つ分のコードをこの部分に連続で貼れば縦に連続して、かつ、ソーシャルボタンやはてなスターの上に貼れます。一点大事なことがあります。id="my-footer"></div>これの中に書いたものは記事直下に表示されるので、アドセンス以外の広告の設置やお知らせ等を書き込むのにも便利なんじゃないかなと思います。この二行の間に広告コードを2つ貼ってください。僕はレクタングル広告の大きめのを貼っています。携帯用には一回り小さいやつを貼ってますね。携帯は広告が大きいと、横のスクロールが発生してしまうので気をつけてください。僕はこんな文言も上に表示してみました。<P>もしこの記事が気に入って頂けましたなら、はてなブックマークやツイッター等でシェアをお願い致します。非常にはげみになります。</p>これは自分流にアレンジして使ってみてください。これもソーシャルボタンのずっと下に表示されていたので、変更できて良かったです。今回はいつもとは違う記事なので、深夜に更新してみました。疑問に思ったことはこんなかんじで記事にしていきます。マクドナルド妖怪ウォッチポテトケースw...ブログが伸びる時って一瞬!安定したPVの...»スポンサーリンクこちらもおすすめ2016-03-22はてなブログでGIFアニメを使う方法。2015-10-28AdSenseのレクタングル大をスマホで横揺れしない方法。iPhone5Sでも大丈夫。2015-09-24グーグルアナリティクス、サーチコンソール(旧ウェブマスターツール)の設定方法。プロフィールid:sugatareijiスガタレイジと申します。アイコンはIllustratorで自作。オスのマンチカンの絵です。色はバスケットボールチームの秋田ノーザンハピネッツをイメージしております。読者です読者をやめる読者になる読者になる@SugataReijiをフォローフォローはこちらフォローするはてなTwitterFeedly最新記事2017-01-14ずっとSMAPと生きてきた。その『日常』がなくなることがつらいんだ。(1)スポンサーリンク涙拭けよはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。