macでもWindowsでも使えるファイル転送ソフトとして便利なFileZilla（ファイルジラ）ですが、たまにアップしたファイルが文字化けしてしまうことがあります。

こんな感じですね。

この状態だとファイルの削除も行えません。

こんな感じのエラーが出てしまいます。

ファイルジラが文字化けする原因は、基本的にアップするファイルのエンコードが原因です。

なので、サイトマネージャからアップされたファイルのエンコードを修正すると改善します。

サイトマネージャのサーバーの中から、文字化けが起きているサーバーを選択。

右側の設定項目の中に「文字セット」があるので、ここを「UTF-8」を強制に変更します。

（通常は自動検出で、それが原因でエンコードがおかしなファイルが文字化けする）

文字セットを変更してから接続すると、このように文字がちゃんと表示されました。

私の場合は管理するために日本語で分けて管理していたために、
文字セットのエンコードが変わってしまっていたことが原因でした。

ファイルジラで文字化けした場合は、試してみてください。

無料で高機能なおすすめアクセス解析

ブログを運営していく上で大事なアクセス解析ですが、
正直、アクセスを計測するという意味ではなんでもいいです。

自分がほしいデータさえ集まればいいので、オススメというのは特にありません。

ただ、無料のアクセス解析は広告が表示されてしまうものも多いです。

無料のアクセス解析で有名なものといえばグーグルアナリティクスですね。

Googleアナリティクスは広告も入らないのでオススメですが、
「piwik」というアクセス解析も無料ながらいい感じなのでオススメです。

グーグルアナリティクスとpiwikの使い分けで、
基本的にアクセス解析はOKだと思います。

piwikは自身のサーバーへの設置やデータベースの設定が必要なので、
知識がない場合は手探りでインストールするのは厳しいと思います。

そこで、インストールまでの手順を詳しく解説します。

インストールにあたって、他のサイトを参考にしたのですが、
インストール時のデータベースセットアップ部分の解説が、
ほとんどのサイトに共通してわかりにくかったです。

そのせいで、かなり時間がかかりましたので、
そうならないようわかりやすく解説しています。

ちなみに、piwikはサーバー設置型なのでドメインとサーバーが必要です。

ドメインはサーバーを契約する時についてくる初期ドメインでもいいですが、
使うサーバーには、

・PHP 5.1.3 以上が動作する
・バージョン 4.1 以上のMySQLデータベース

の２つが必要なので注意してください。

・さくらサーバーのスタンダードプラン（ライトは不可）
・XサーバーのX10プラン

であれば、問題なく満たしていますので、このどちらかを使うことをオススメします。
（今回はXサーバーでのインストールを例に解説しています）

→　さくらサーバ申し込みはこちら（２週間無料お試し期間付き）

→　Xサーバ申し込みはこちら（10日間無料お試し期間付き）

費用面ではさくらサーバーの方が安いですが、
個人的にはやはりXサーバーが一番安定しているしオススメです。

1つも持っていない場合はメインサイトなどの運営用に、
契約しておいて損はないと思います。

話を戻します。

piwikのダウンロードとFTPでファイルのアップロード

まずは、最新版のpiwikを下記からダウンロードします。

▼最新ファイルダウンロード
http://piwik.org/latest.zip

日本版の公式サイトに直リンクが載っていたので、
上記で問題ないはずですが、心配な場合は下記公式サイトへどうぞ。

ダウンロードページ

赤いボタンのダウンロードリンクがあるので、そちらからダウンロードします。

ダウンロードした後、ファイルを解凍（展開）すると、
上記のファイルが同梱されています。（HTMLの方は使いません）

ちなみに、ファイル数が多いからか結構重いです。
※解凍（展開）に少し時間がかかる場合もあります。

解凍したファイルをFTPソフトでアップします。
（今回はファイルジラで解説していますが、FFFTPなどでも構いません。）

設置する場所はドメイントップでも特に問題ないので、
特別な理由がなければわかりやすい場所にしておきましょう。

このように、ドメイントップをファイルジラで表示します。

先ほどのファイル一式をフォルダごとドメイントップにアップします。

ファイル数がかなり多く、アップに時間がかかると思うので、
その間に、Xサーバー上でデータベースの設定を進めます。

データベースの作成

下記からインフォパネルにログインし、サーバーパネルにログインします。

Xサーバーパネル

ここでする作業は、データベースの作成とMySQLユーザーの追加、
MySQLデータベースとユーザーのヒモ付、PHPバージョン変更です。

ログインしたら左下のドメイン一覧から、アクセス解析を設置するドメインを選択。

ドメインが切り替わったら、メニューの中の「「MySQL設定」をクリック。

「MySQL追加」をクリックし、情報を入力します。

MySQLデータベース名は任意なので、わかりやすく「piwik」にします。

文字コードは「UTF-8」です。

他のサイトでは「EUC-JP」になっているところもありましたが、
私の場合は、そのせいでうまくいかずに時間がかかってしまいました。

MySQLデータベースを追加したら、次はMySQLユーザーの追加です。

タブを「MySQLユーザ」に切り替えて情報を入力します。

MySQLユーザーIDはわかりやすくいデータベース名と同じ「piwik」にします。

パスワードはなんでもいいですが、ユーザーIDとパスワードは、
後から必要になるのでメモしておきましょう、

MySQLユーザーの追加が完了したら、データベースとユーザーの紐付けです。

現在は作成したデータベースにユーザーがいない状況なので、
「アクセス権未所有ユーザ」に先ほど追加したユーザーが表示されているのを確認し、
「追加」をクリックします。

追加したMySQLユーザが「アクセス権所有ユーザ」に追加されていればOKです。

ちなみに、MySQL一覧画面の一番下に下記のような情報が書かれています。

このMySQL5.5ホスト名の部分を後ほど使うのでメモしておきましょう。

（データベースセットアップ時のデータベースサーバーの欄に入力します）

最後にPHPのバージョン変更です。

piwikは「PHP 5.1.3」以降のバージョンでないといけませんので、
最新版にバージョンアップします。

最初のメニュー画面に「PHP Ver.切替」というメニューがあるので、それを選択。

推奨されている最新版のバージョンを選択してPHPバージョンを切り替えます。

これでデータベース関連の作成は終了です。

先ほど、アップしていたファイル一式も終わっていると思います。

このように、「piwik」というフォルダができ中身もアップされていればOKです。

アップロードが終わったら、インストール作業に移ります。

piwikのインストール

まずは、下記のインストールページにアクセスします。

[su_note note_color=”#d6d6d4″ radius=”5″]http://ドメイン名/piwik/index.php[/su_note]

インストールするページのURLは設置するドメインによって異なります。

「abc.com」というドメインのトップに「piwik」のフォルダをアップした場合は、
「http://abc.com/piwik/index.php」がインストールページです。

上記のような画面になればアクセス成功なので、「次へ」を選択。

システムの確認画面になるので、エラーがないかチェックします。

全項目に緑のチェックがついていればOKです。

piwikのインストール時にエラーが起きた場合の対処法

もしエラーがでていた場合は、上記を参考にしてみてください。

すべて緑のチェックになったら「次へ」をクリック。

つぎにデータベースのセットアップです。

ここが一番、何を入力すればわかりにくいと思いますが下記のとおりです。

[su_note note_color=”#d6d6d4″ radius=”5″]データベースサーバー　→　MySQLホスト名
ログイン名　→　MySQLユーザー名
パスワード　→　MySQLユーザー追加時に設定したパスワード
データベース名　→　MySQLデータベース名
テーブルプレフィックスとアダプタ　→ 変更なし[/su_note]

データベースサーバーは、先ほどのデータベース作成時に、
MySQL一覧ページの下部に書いてあった「MySQL5.5ホスト名」です。
（「localhost」でもいいようですが、「MySQL5.5ホスト名」が確実）

ログイン名とデータベース名は、
データベース作成時に作ったデータベース名とユーザー名です。

両方とも、「◯◯_piwik」となり、◯◯の部分は個別のサーバーIDが入ります。

テーブルプレフィックスとアダプタは変更しなくて大丈夫です。

「次へ」をクリックし、テーブルの作成に完了すればOKです。

これでインストールの山場は終わりました。

そのまま次に進みます。

ここは管理画面へのログイン情報ですので任意で決定してOKです。

次へをクリックすると、サイト情報の入力画面になります。

後からサイトは追加できるので、とりあえず代表的なものを入力します。

なお、サイトのタイムゾーンはJAPANではなくTOKYOです。

スクロールバー3分の2地点あたりにあります。

サイト情報を入力すると、トラッキングタグが表示されます。

これをサイトに設置すれば解析できるようになります。

「piwik」を続けるをクリック。

ログイン画面になるので、先ほど決定した情報でログインすれば、
管理画面に行くことができます。

piwikの使い方については、別の記事でまとめようと思います。

以上です。

複数画像を同時にリサイズ、リネームできるだけでなく、
枠線を付けたりといった簡単な加工も可能なので、
こういったブログに使う画像は「image tools」だけで完結しています。

まずは、AppStoreで「image tools」を検索してアプリをダウンロードします。

こちらからでもダウンロード可能です。

→　image toolsダウンロード

ダウンロードしたらツールバーにアプリアイコンが出てくるので起動します。

まずは、リサイズを例に一連の流れを解説していきます。

リサイズしたい画像をドロップすると画像が一覧で表示されます。
一括ドロップも可能です。

次に、右側のメニューで加工の項目を設定していきます。

リサイズをONにすると、widthの値が出て来るので、
リサイズしたい横幅の数値を入力します。

※引き伸ばしはできません。画像より大きいサイズを指定すると荒くなります。

初期状態ではwidthになっていましが、「Fixed width」のプルダウンから、
Heigh（高さ）やパーセンテージ（比率）、レクタングルサイズなどが選べます。

加工したい項目を設定したら、下にある「START」をクリック。

保存先と、拡張子が選べるので決定すると、そこに画像が保存されます。
（クオリティは100のままでOKです）

これだけでリサイズは完了です。

次に、「image tools」の中で便利な機能である、
リネームと枠線の追加をしていきます。

当ブログのように、画像をアップしながら手順を解説する場合などに便利です。

初期状態ではタイトルが「スクリーンショット～」になっていますよね。

これだとタイトルで何の画像かわかりにくいので、
早速、リネームの設定をしていきます。

「リネーム」の欄をオンにすると設定項目がでてきます。

初期状態では「Name」が挿入されていますが、これは画像ごとのネームです。

今回は「スクリーンショット～」などでいらないから消しますが、
元のネームを残す場合はそのまでOKです。
（バックスペースやデリートなどで普通に消せます）

消した後、リネームしたい任意のタイトルを入力します。
今回は「imagetools」というネームを入れてみました。

ただ、これだけだと「copy copy」とお経のようにcopyを唱えてしまいますｗ

そこで、名前の後に「Number」を追加しました。
追加する方法は普通にクリックしたまま入力欄にドロップするだけです。

すると、先程とは違って通し番号が入りましたね。

組み合わせ次第で自由にリネームができるので便利です。

リネームが終わると枠線の追加です。

ブログに画像を使用する時に枠線がないと境界面が急に途切れます。
個人的にこれがあまりすきではないので枠線をつけます。

「Stroke」をオンにすると線の設定画面が出てきます。

「Color」をクリックするとカラーパレットが出てくるので、
追加したい枠線の色を選択。

「Style」は線の付け方です。Outsideの場合は画像の外側につきます。

「Size」は枠線のサイズです。
境界面がハッキリすればいいので、1pxに設定します。

設定が終わると、「START」から保存して完了です。

編集が終わった画像は、
選択した状態で右クリック→Removeでアプリから削除できます。

（画像が消えるわけではありません）

以上です。

アクセス解析にもいろいろありますが、複数サイトを解析できないサービスも多いので、
複数サイトを１つのアカウントで管理できるi2iアクセス解析を使ってみました。

忍者アクセス解析も複数サイトの解析が可能ですが、
スマホで見た場合にデカデカと広告が載ってしまう罠があるので…。

導入までの基本的な流れは普通のアクセス解析サービスと変わりません。

なお、i2i自体は他にもいろいろサービスがあるようですが、
今回はアクセス解析のみ紹介しています。

新規ID登録から、まずはIDを作成します。

アドレスとIDを決めて確認画面へ。

IDが使われていなければ確認画面に進むので、登録。

登録が終わると、パーツを追加できるようになるので追加していきます。

パーツ一覧からアクセス解析を選択。

パーツ名は任意の名前なので、解析するサイト名などでいいと思います。

登録するサイト名とURL、サイトのタイプを選びます。

ジャンルは特に関係ないので深く考えないでOKです。

パーツの作成が終わるとパーツ管理画面でタグを取ってきます。

タグをコピーしてアクセス解析したいサイトの＜/body＞の直前に貼り付けます。

ソースを設置することでサイト上に表示されるアイコンを選べます。
目立たないものにするといいでしょう。

設置後に確認してみましたが、サイト上に出てくる広告も、
目立つものではないので邪魔にならないと思います。

複数のサイトに導入する場合は、同じ手順でパーツを追加すれば、
1つのアカウントで何サイトもアクセス解析ができます。

以上です。

高機能過ぎて見方や使い方、設定方法が少しわかりにくいくらいです。
私もアクセス解析と検索ワードのチェックが主ですｗ

今回は最低限アクセス解析を稼働できるようにするための、
トラフィックコードの設定や登録方法の解説です。

Google Analyticsやアナリティクス等で検索するとページが出て来るので申し込みます。
アナリティクス自体はGoogleアカウントがあればすぐに利用可能です。

申し込みが完了すると左側にメニュー一覧が出てきますが、
一番下に「管理」という歯車マークがあるので、そこから設定画面にいきます。

管理するアカウントがタブで選択できるようになっています。
作成した初期状態は何もありません。

Google Analyticsのの基本的なアクセス解析の流れとしては、
アカウント（カテゴリ）を作成してその下にプロパティ（サイト）を登録し、
それぞれのアクセス解析を使うというイメージです。

[su_note note_color=”#d6d6d4″ radius=”5″]
■アカウントA（ジャンル１）
┣プロパティ1（サイト1）
┣プロパティ2（サイト2）
┗プロパティ3（サイト3）
■アカウントB（ジャンル2）
┣プロパティ1（サイト1）
┣プロパティ2（サイト2）
┗プロパティ3（サイト3）
[/su_note]

という感じになります。

作成するジャンルごとにアカウントを作成し、
プロパティにサイトを登録していく使い方もできれば、
サイトとその子ページという使い方もできます。

（前者が一般的な使い方です）

アカウントを追加する場合は、タブをクリックするとメニューが出てきます。

アカウント名を決定し、代表的なサイトを１つ先に登録します。

後から変更できるので、まだサイトがない場合は、
とりあえず適当に入れておけば先に進めます。

アカウントの中にプロパティを追加する場合は、
アカウントの時と同じ手順で追加可能です。

新しくプロパティ（サイト）を登録すると、
トラッキングコードが発行されます。

この部分をコピーして、アクセスを解析したいサイトやブログの、
＜/body＞の直前に入れれば計測されるようになります。

例えばシーサーブログの場合はここです。

入れる箇所は＜body＞～＜/body＞であればどこでも機能しますが、
＜/body＞の直前に入れる理由としては、HTMLソースをなるべく汚さないためです。

以上です。

細かい使い方やデータの見方などは、機会があれば別でまとめようと思います。