ﾊﾃﾅﾌﾞﾛｸﾞに追跡型ﾊﾞﾅｰをつけたいのですが､どうやってつければよいかわかりません｡ﾗｲﾌﾞﾄﾞｱは色々なｻｲﾄを参考に普通に設置できるのですがﾊﾃﾅﾌﾞﾛｸﾞに追跡…

こんな感じでしょうか｡

<style>
#chase-banner {
 position: fixed;
 right: 1em;
 bottom: 1em;
}
</style>
<a id="chase-banner" href="http://a-kuma3.hatenablog.com/" title="本宅">
 <img src="http://cdn1.www.st-hatena.com/users/a-/a-kuma3/profile.gif">
</a>

a ﾀｸﾞの href がﾘﾝｸ先で､img ﾀｸﾞの src が画像の URL です｡

上記のｺｰﾄﾞを､｢ﾃﾞｻﾞｲﾝ｣→｢ｶｽﾀﾏｲｽﾞ｣→｢ﾌｯﾀ｣のところに貼り付けてください｡

ぼくのﾌﾞﾛｸﾞに設置してみました｡
右下に出てるぼくのｱｲｺﾝ画像が､追跡型ﾊﾞﾅｰのつもりです｡
http://a-kuma3-alt.hatenablog.jp/

追記です｡

早速つけてみたのですが､

ﾊﾞﾅｰと言ってたのは､縦長の広告でしたか｡
｢追跡型｣と言ってたのは､こんなｲﾒｰｼﾞのものですか？
http://a-kuma3-alt.hatenablog.jp/

ｻｲﾄﾞﾊﾞｰに HTML ﾓｼﾞｭｰﾙを追加して(って､ここまではできてますね)､以下のｺｰﾄﾞを貼り付けてください｡

<span id="chaser-module-mark"></span><!-- 目印 -->

<!-- ここに忍者のｽｸﾘﾌﾟﾄを貼る -->
<script src="http://adm.shinobi.jp/s/..."></script>

<style>
.chaser-module {
 position: fixed;
 top: 16px; /* ★固定する位置 */
}
</style>
<script>
(function() {
 document.addEventListener("DOMContentLoaded", function() {
 var e = document.getElementById("chaser-module-mark");
 if (e) {
 var PAD = 16; /* ★固定する位置 */
 var mod = e.parentNode.parentNode;
 var mod_original_top = 0;
 var fixed = false;
 window.addEventListener("scroll", function(ev) {
 if (fixed) {
 if (document.documentElement.scrollTop <= mod_original_top - PAD) {
 mod.classList.remove("chaser-module");
 fixed = false;
 }
 } else {
 var t = mod.getBoundingClientRect().top;
 if (t <= PAD) {
 mod_original_top = document.documentElement.scrollTop;
 mod.classList.add("chaser-module");
 fixed = true;
 }
 }
 });
 }
 });
})();
</script>

ｳｨﾝﾄﾞｳの内側ﾋﾟｯﾀﾘで止まるよりも､少しすき間を空けた方が良いかなと思い､位置の調整をしています｡
｢★｣をつけた 2ヶ所の 16 がすき間です｡