このサイトではJavaScriptの技術を複数使用してます。ブラウザのJavaScriptを無効にしていると正常の表示されません。
  1. Home
  2. サイト作成メモ
  3. #07

サイト作成メモ #07
2015年3月~2017年3月まで運営したFC2ホームページ作成メモ

70 検索エンジンに登録


サイトを作ったら検索エンジンに登録しないと検索でヒットしないと言うことみたいなのでGoogleとBingに登録した。

69 Google Analytics トラッキングIDを埋め込む


下記のサイトを参考にGoogle Analyticsのトラッキングコードを埋め込んでみた。データがレポートに反映されるまでには最長24時間ほどかかるみたいなので後日確認する。

トラッキングコードの確認と設置

<備忘録としてのメモ>
[アナリティクス設定] → [サイトのプロパティ] → [トラッキング情報] → [トラッキングコード]のページにあるトラッキングコードをコピーしてすべてのページのヘッダータグ内に埋め込む。

<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-49996702-3', 'auto');
ga('send', 'pageview');
</script>

68 ブラウザで表示されるまで20秒以上掛かる原因が判明


編集中の内容をchromeでプレビューするとブラウザで表示されるまで20秒以上掛かるようになっていた原因は下記のjQueryを使うためのCDN(上のヤツ)のスクリプトだった。ハイパーリンクでもリング切れになるし、おかしいとは思っていたがこんなところに原因があったとは…。jQueryを使うためにアップロードしたものとそれが読み込めなかった時のためにネット上にあるCDNのスクリプトも記載していた。

<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="js/jquery-1.11.2.min.js"></script>

67 chromeでプレビューすると表示されるまで20秒以上掛かる


パブリック後に編集中の内容をchromeでプレビューするとブラウザで表示されるまで20秒以上掛かるようになる。以前にGoogleカスタム検索のコードを記述していた時にも同様の現象が起こっていたがいつの間にか収まっていたがまた再発した。これは厄介だぁ~、原因を追究せねば…。ヽ( ´ー)ノ フッ

66 管理しやすいようにしなければ…


新しい記事を公開するとサイトマップ、一覧記事、ダイナミックWebテンプレート、と少なくとも3つの記事も更新する必要があることに気付く。結構大変だなぁ~。( ´Д`)=3 フゥ

65 パブリッシュしてみたら不具合がチラホラ


パブリッシュ(公開)してみたらファイル名に「bin's」などのように点(アポロストロフィ?)や「+」をつけたものはアップロードできなかったので修正した。あと、トップメニューの右隅に設置していたフッターに進むボタンが消えていた。(どこに行ったのぉ~)

64 プレ公開してみた 2015.03.22


実際に公開(パブリッシュ)して不具合やFTPの使い勝手などを調べてみる。2015.03.22現在ファイルサイズは20MBにも満たないのですべてのファイルのアップロードにも1分ほどしか掛からなかった。

63 RSSフィーダの実装はしばらく凍結することにした


ブログのように頻繁に更新しないし、チョコチョコ修正したものが更新の知らせとして送信させるのも嫌だし、受けとる立場でも邪魔臭いのでしばらく実装を凍結することにした。

62 トップページを変更


トップページ(index.html)を見出し一覧ページみたいに変更し、ついでにGIFアニメをつけて記事の内容が分かりやすいようにしてみた。

変更前のトップページ

61 何をやっても無理だった…


フリーズ問題は何をやっても解消しない。Dreamweaverに乗り換えようとも思ったが今更操作を覚えるのもあれなんでだましだまし使っていくことにする。現状ではCSSタブを開いている時と開いてない時のフリーズする頻度があまりに違うのでなるべくCSSファイルを同時に編集しないようにすることと、長文を書いてブラウザで確認(保存)する時は全選択でコピーしてから開くようにする。