FC2ブログカスタマイズサイドバーに追尾型の広告が設置されているブログをよく見かけますよね。画面を下にスクロールしていっても、ずっと追従して来るやつです。広告に限らず、ソーシャルボタン、人気記事等が表示されている場合もありますね。調べてみたらFC2ブログでも追尾型広告を作成できましたので、その方法のメモを記事に書いておきます。WordPress等でないとできないのかなと思っていたのですが、意外と簡単でした。ブログのテンプレートをいじれるレベルでHTML等の知識があれば大丈夫です。技術的にはjavascriptなので、FC2以外のブログでも追尾型広告の設置は可能だと思います。他のブログやったことないからわからないけど・・・。追尾させるためのjavascriptをブログのテンプレートに追記する参考にさせて頂いたサイト([livedoor、FC2ブログなど]サイドバーで追尾する広告の作り方)から引用しますが、以下のjavascriptをブログのテンプレートに追記します。私のブログでは</body>の直前にしました。10~12行目は後で直します。resizeAdjust);});})(jQuery);</script>中で何をやっているか知りたければ、javascriptとCSSとjQueryを勉強してださいという感じですが、わからなくてもコピペで行けます。追尾させたいコンテンツをdivタグで囲むこんな感じで追尾させたいコンテンツをdivタグで囲みます。divタグですがclassではなくid属性で名前を指定しておきます。広告のコードをテンプレートに直接書くか、プラグインのフリーエリアに記載すると良いです。項番1で追記したjavascriptの10~12行目を自分のブログに合わせて変更する項番1でブログのテンプレートに追記したjavascriptの10~12行目を、自分のブログのdivタグのidに合わせて変更する必要があります。広告を包む要素のIDFC2で書いていた時の当ブログのdivタグの構成について、関係するところのみを図で書くと下記になります。最後にとても重要な注意事項を書いておきます。規約上、Googleアドセンスは追尾型広告にしてはいけません。守らないとアボセンスになってしまうかもしれませんよー。あとは、しつこくなりすぎないようにしたいですね。最近は慣れてきていると思いますし、うざいと思う人は減ってきているのかな。自分がブログやってるからそう感じないだけかも?今回の追尾型広告の作成について、参考にしたサイトは以下になります。ありがとうございました。画像や記事概要などをツイートに表示takkaaaaaの日記トップページへ関連コンテンツこの記事を書いた人いつも読んで頂いてありがとうございます。管理人のtakkaaaaaです。北海道の十勝出身で、今は横浜に住んでいます。職業はシステムエンジニア・プログラマー(大手SIer→自社サービス開発)を10年以上やってます。投資や税金や節約にも関心があり、FP3級と日商簿記3級を取得しました。趣味は音楽鑑賞でaikoのファンクラブにも入ってます。園芸・ガーデニングも好きで、観葉植物やイチゴやバジルなどを育てたりしてます。このブログは2013年から書き始めました。読んでくれた方に少しでもお役に立てればいいなと思って発信しています。2019.11.29~誕生日や紅白出演決定後のライブでお祝いしました投資・株JTから株主優待の品物(サンジェルマンのジャム詰め合わせ)が届きました(2019年6月権利獲得分)。ジャム美味しい!aiko立川談春とaikoのライブ「玉響(たまゆら)」に行ってきました~落語と音楽のコラボに感動!投資・株すかいらーくからも株主優待が来た~!3000円分のカードが嬉しい。~サーモスの保温弁当箱は神!お昼ご飯が楽しみになりますよ。takkaaaaaの日記このブログについてサイトマップ全記事一覧プライバシーポリシーお問い合わせ。