サイト作成メモ #09
2015年3月～2017年3月まで運営したFC2ホームページ作成メモ
89 Slickhoverを導入してみた
画像にマウスオーバーした時の画像をオーバーレイで表示させるJavaScriptのプラグインSlickhoverを導入して画像にマウスオーバーすると再生マークが出るようにした。
2015/07/18 追記 その後、削除した。
88 colorboxをグループ化してみた
colorboxでYouTubeの埋め込み動画をオーバーレイ表示していたものをグループ化してみた。左下にボタンが追加されオーバーレイ画面から他の動画に変更できるようになった。尚、やり方はa要素に rel="group" を追加するだけだ。
86 colorboxを導入してみた
YouTubeの埋め込み動画などのiframeタグにも対応したLightbox風に立ち上げられるjQueryプラグインColorboxを導入してみた。
[HTML]<link rel="stylesheet" href="../css/colorbox.css"> <script src="../js/jquery.colorbox-min.js"<</script>
[JavaScript]
innerWidthとinnerHeightを設定することでサイズを指定できる。
$(document).ready(function(){
$(".xxxxx").colorbox({
iframe:true,
innerWidth:640,
innerHeight:360
});
});
85 Google アナリティクス オプトアウト アドオン
Google アナリティクスに自分の履歴が残らないようにするために「Google アナリティクス オプトアウト アドオン」なるものをChrome,IE,Firefoxにインストールしてみた。インストール方法はそれぞれのブラウザで下記のリンク先でアドオンをインストールするだけだが、ブラウザ毎インストールする必要があるみたいだ。
ただ、Firefoxだけ「tool.google.comに接続できなかったため、アドオンをダウンロードできませんでした。」と言うメッセージが出てインストールできなかったのでウィルス対策ソフトのAvastを一時的に無効にしたらインストールできた。
https://tools.google.com/dlpage/gaoptout?hl=ja
84 A8.netに登録してみた
Google Adsenseの審査に登録できなかったのでその道では有名なA8.Netと言うアフィリエイトサイトに登録して広告を載せてみた。
尚、あるサイト経由で登録(無料)して分かったんだが、そのサイトの管理者に報酬が支払われたみたいだ。※画像はアフィリエイトリンクです。
83 Google Adsenseについて勉強する
Google AdsenseにはFC2ホームページ(FC2ブログやBloggerなども)では登録できないそうだ。Σ(ﾟдﾟlll)ｶﾞｰﾝ
広告を載せるためには審査に通るサイトを新規に作ってそちらで公開するか、若しくは審査用に新規サイト(ブログ)を立ち上げるという裏技があるらしい。この裏技で一度審査に通ればどの所持しているサイトに広告を貼っても問題ないらしい。
82 Lightboxをグループ化してみた
とりあえずこのページだけLightboxをグループ化してみた。これでLightboxで表示される画像同士がリンクされたので画像にホバーすると矢印ができるようになった。
rel="lightbox" → rel="lightbox[imagegroup]"
81 未完成の記事のファイル名を変更
未完成のHTMLページを間違ってパブリッシュしないように敢えてファイル名の先頭に★マークを付けて物理的にアップロードできないようにした。