Fixed Footer Bar導入マニュアル

1. はじめに

本マニュアルはTurbo Web Storeで販売されているWordPressプラグイン「Fixed Footer Bar（twp001）」の導入マニュアルです。

WordPress自体のインストールまたはFixed Footer Bar（twp001）以外のプラグインの導入を説明するドキュメントではありませんのでご了承ください。

インストールおよび各種設定における必要環境は、WordPress3.5以上、サーバー環境はPHP バージョン 5.3 以上となります。

※現在のFixed Footer Bar（twp001）最新バージョンは Ver 1.1 になります。詳細は補足B. 更新履歴を参照ください。

2. インストール

インストールから有効化までの手順を説明します。
STORES購入画面から「wordpress_twp001.zip」ファイルをダウンロードしておいてください。

2.1 zipファイル解凍

wordpress_twp001.zipを解凍してください。

解凍してできたフォルダ内の「fixed-footer-bar.zip」ファイルがプラグイン本体となります。

2.2 WordPress管理画面「プラグイン」＞「新規追加」

WordPress管理画面にログインし、左サイドメニューからプラグインを選択し、新規追加リンクをクリックします。

2.3 プラグインのアップロード＞有効化

(a) 新規追加画面の上部にある「プラグインのアップロード」リンクをクリックします。

(b) ファイル選択画面が表示されるので、2.1で解凍してできたwordpress_twp001フォルダ内の「fixed-footer-bar.zip」ファイルを選択し、「いますぐインストール」ボタンをクリックします。

3. 基本設定

基本設定では、「表示形式の設定」と「リンク先の設定」を行います。

3.1 表示形式の設定

表示形式の設定では、「テキスト」と「画像バナー」のどちらかを選択します。

(a) テキスト形式を選んだ場合

テキストを選んだ場合は、表示テキストを設定してください（例えば文字列「TEL:090-9999-9999」など）。
テキスト色、背景色をそれぞれ選択すれば設定は完了となります。

(a) 画像バナー形式を選んだ場合

画像バナーを選んだ場合は、画像バナーがアップロードされているURLを設定してください。
画像バナーのアップロードは、WordPressのメディアのアップロードから行うこともできますが、FTPクライアントツールを使って任意の場所にアップロードしていただいても構いません。

※画像バナーは、別途作成する必要があります。

※画像バナーは、高さ:100px、幅:640pxを推奨サイズとしています（高度な設定のバナー出力条件幅に合わせてください）。

3.2 リンク先の設定

リンク先は、「URL」と「電話番号」から選んで設定します。
URLを選んだ場合は、クリック時に、設定したURLが新しいウインドウで表示されます。
電話番号を選んだ場合は、クリック時に、設定した電話番号に発信されます。

4. 高度な設定

4.1 Google Analytics設定

フッターバーのクリック時の測定を行う設定となります。
_gaq.push(['_trackEvent', 'Footer', 'Click']); )　のリンクをクリックすると設定文字列がコピー・アンド・ペーストされます。
独自のパラメータを設定したい場合は、引数のパラメータを調整してください。

Google Analyticsの設定については、補足A. Google Analyticsの設定を参照ください

4.2 バナー出力条件幅の設定

初期値は640pxが設定されています。この場合画面幅が640px以下の場合のみ、フッターバーが表示されることを意味しています。
具体的には、下記のようなCSSが適応されている状態となります。

@media screen and (min-width: 641px) {
	#fixed_footer_plugin {
		display: none;
	}
}
@media screen and (max-width: 640px) {
	#fixed_footer_plugin {
		display: block;
		position: fixed;
		bottom: 0px;
		z-index: 99999;
	}
}

出力条件幅を変更することで、どの画面幅に対してフッターバーを表示させるかを指定することができます。

常に表示させたい場合は、0pxを指定してください。

5. 動作確認

動作確認時は、ブラウザのサイズを縮小して表示確認するか、こちらの確認用サイトにURLを入力してご確認ください。
最終的にはスマートフォンから確認してください。

4.高度な設定において、Google Analyticsイベントを設定している場合は、バナーをクリックした上で、Google Analytics上にイベントが表示されているかを確認してください。
正しく計測されている場合は、Google Analytics管理画面リアルタイム＞イベントまたは行動＞イベントから確認できます。

補足A. Google Analyticsの設定

(a) Google Analyticsアカウントの作成

高度な設定においてGoogle Analyticsによるクリック測定を行うためには、Google Analyticsが導入されている必要があります。 Google Analyticsアカウントをお持ちでない場合は、こちらから登録してください。

(b) プラグインインストール

上記でアカウントを作成した方、またはアカウントをお持ちの方は、WordPressにGoogle Analyticsというプラグインをインストールしてください。
インストール後、「Web Property ID」テキストボックスに、「UA-XXXXXXXX-1」いう形のトラッキングIDを入力して保存してください。

補足B. 更新履歴

(a) プログラム（Fixed Footer Bar（twp001））更新履歴

2015/06/22　Ver 1.0 リリース
2017/12/15　Ver 1.1 高度な設定「バナー出力条件幅」が正しく設定できない不具合を修正しました

(b) 本マニュアル更新履歴

2015/06/22　第一版作成

Fixed Footer Bar WordPress Plugin導入マニュアル - twp001