自分で作れるホームページ作成法 -24ページ目

自分で作れるホームページ作成法

本業が忙しい人でもビジネス用のホームページを自作する方法をやさしくお伝えします。

私が、見つけたファンゲートで良いと思ったものを紹介していきます。
今日見つけたのは
賞金額診断 あなたの今日の賞金額はいくら?

クリックして煙をどかしてねという表現が良いです。
エンターテイメント系のファンゲートならこういうのもありだと思います。

https://www.facebook.com/sourenjo/app_330845466999957


2014年7月追記
この記事の方法は自前でサーバーを用意する方法について記述したもので、敷居が高いとおもいますので、もっと簡単にできる方法について新しく記事を書いきましたのでこちらを参照ください






facebookページにファンゲートを作るための手順を簡単に記述していきます。
私の覚書も含んでありますので、使う方は自己責任でお願いします。

【このページを読むべき人】

自社サイトの登録フォームで資料請求や無料版を配布している方が

facebookページの袋とじを利用して拡散したいと思っている方

下記のような仕掛けをしたい方

・通常お試し7日間の所、 facebookでいいねをしてくれた方限定で14日間に引き伸ばし。

・通常5章までの所、 facebookでいいねをしてくれた方限定で10章まで差し上げます

【はじめに】

書籍を見た限り、このような機能は袋とじという名称では無く「ファンゲート」というようです。

難しそうなイメージがありますが、ネタがそろっていれば結構簡単にできる事がわかりました。

【作りたい挙動】
当社の場合にはツール販売がメインです。現在、ツールの無料版を自前の登録フォームを利用して配布しています。

試用期間は7日としていますが、いいねを押してくれた人には試用期限を延ばすための仕掛けをしたい。

1、facebookページ「いいね」前 通常の登録フォームを表示(7日間の利用制限)

2、facebookページ「いいね」後 期間延長のフォームがあり申請すると利用期限を自動で延ばす


【事前準備】
ファンゲートをいち早く作りたい!でもちょっと待ってくださいね。その前にFacebookページを充実する事をお勧めします。
最低限下記の2点は必須です。

1、Facebookページを作成しておく
まずは、これが無くては始りません。ファンゲートを設置する前に
Facebookページを事前に作っておいた方がよいと思います。
できればFacebookページの操作に慣れてきたらファンゲートに挑戦することをお勧めします。
ちなみに私は慣れるまで1カ月くらいかかりました。
作った直後はタイムラインに何も無いですし、カバーページもないので、最低限2~3記事くらいはあった方が格好がつくと思います。
↓ Facebookページ解説手順を図解したサイト
http://allabout.co.jp/gm/gc/387840/2/

2、Facebookページ用のユーザーネームを取得する
初めてFacebookページを作る場合には変更可能ですが、2つ目からは25人以上のいいねを集めないと取得できません。
↓ Facebookページのユーザーネーム(URL)を取得する方法
http://allabout.co.jp/gm/gc/387840/5/


【ファンゲート実装手順】
ここからはいよいよファンゲートの作り方です。
大まかに言って、通常のfacebook内ホームページを作ってから、ファンゲートを実装するという手順を踏みます。
いきなりファンゲートを作るよりまずはfacebookに自分のホームページを表示すること目指したほうがよいです。
また、レンタルサーバー代がかかるので事前準備が終わってから行うことをお勧めします。
また、ファンゲートを作る前に、まずはfacebookページ内に通常のページをアプリで表示するという事をしてから、実装したほうが勝手がわかってお勧めです。

1、SSLのあるレンタルサーバーを借りる★

今回は共有SSLのあるロリポップを使用しました。
ロリポップレンタルサーバーの借り方→ http://wpf.be-link.net/help/068.html

2、ページを作成する(HTML)★
(1)いいね前ページ(通常登録フォーム)
(2)いいね後ページ(期間引き伸ばし申請フォーム)

・作成サンプルを集めました。(→ファンゲートサンプル)

3、ページをアップロードする★

4、画像を用意する★

(1)ページタブ用の画像111x74,JPG,GIF,PNG

(2)アイコン用の画像16x16,JPG,GIF,PNG

5、facebook開発者登録をする★


6、facebookアプリを登録★
https://developers.facebook.com/apps

登録時に必要なデータや項目は下記の8点です。

(1)Facebook上のアプリ>キャンバスURL:
例)http://www.facebook.com/wordpressfactory/
(2)Facebook上のアプリ>セキュリティで保護されたキャンバスのURL:
(例)https://www.facebook.com/wordpressfactory/
(3)ページタブ>ページタブ名 日本語OK
(4)Page Tab URL:
(5)Secure Page Tab URL:
(6)ページタブの画像 111x74
(7)Page Tab Width:810
(8)アプリアイコン 16x16

7、facebookページからアプリを追加する★
(1)下記のようなURLを自作してアクセスする
http://www.facebook.com/dialog/pagetab?app_id=your_app_id&next=your_url
(2)アプリを承認する。

8、表示を確認する★
キャンバスURLを開く 
http://www.facebook.com/wordpressfactory/

9、通常のhtmlをファンゲートに変更する。★
phpソースは下記よりダウンロードしてください。
http://memocarilog.info/webdesign/3424

(1)index.phpへアプリの秘訣を代入して生成

(2)not_fan.php(いいね前のページをコピーして生成)

(3)fan.php(いいね後のページをコピーして生成)

(4)signed_request.phpをコピー

(5)上記4ファイルをftpでSSL領域にアップロード

(6)開発者ページの設定2カ所変更
ページタブ>Page Tab URLを「通常のURL+index.php」に書き換える
ページタブ>Secure Page Tab URLを「SSLのURL+index.php」に書き換える


【今回の作業で、実現したファンゲートがこちらです】
http://www.facebook.com/wordpressfactory/app_459006117451984

情報過多&情報サイクルの加速化で
いろいろなことを同時にこなさなきゃいけない時代です。

アフィリエイトにしてもビジネスにしても、成功するなら継続が重要です!


わかっちゃいるけど続けれらないんですよこれが・・・

私もこれは苦手です。


あなたもそうではありませんか?


ノウハウを手に入れて道筋は見えた、
しかし継続力が無いので失敗続きだ・・・


もし、そうなら今年こそ習慣化をしてみませんか?



と言うことで私もあることを習慣化するまで、
自分に強制力を与える環境作りをしてみました。


まず初めに、強制的に毎朝ラジオ体操をする事にしました。

今のところ、去年の10月末から実践し、今まで継続しています。

これが何かのノウハウ実践であれば
2ヶ月の間継続できれば何か物になりますよね?


その方法を新年の挨拶がわりにお伝えしますね。


といってもやり方は簡単です

1、平日出勤前の決まった時間、例えば7時半にアラームをセット
2、アラームにはラジオ体操をセット
3、音楽が鳴ったら何をしていても必ずラジオ体操を必ずする。

これなら、毎朝自動的になるので忘れずに済みます。


実践する上でのポイントとしては

・気分の乗らない日も強制的にラジオ体操すること
・アラーム音は必ずラジオ体操にし、第一と第二を連続でかける
・土日は休み。それ以外は毎日続ける

と言うことを設けました。


最初アラーム音は学校のチャイムの音をかけていました。

チャイムが鳴り終わったら、ラジオ体操を始めるということをしていたのですが

結構やり過ごしてしまうことがあったんですよね。



どうも学校のチャイムでは強制力が無いみたいです。
聞き流すことが多かった。


で考えたのが、アラーム音をラジオ体操に変えてみたらどうか?




やってみました。


ラジオ体操第一と第二がなり終わるまで約6分あまり。


これは6分聞き流すのは結構つらいです。


ラジオ体操って子供の頃から聞いているのでこれを聞いたら
体が勝手に体操したくなるんですよね・・・

アレは不思議です。


ためしにyoutubeに上がっているラジオ体操聞いてみてください。





いかがですか?
体がそわそわしてきたらあなたは日本人です(笑)



そわそわしない人でも、もしメタボや肩こりに悩んでいる人は
どうぞ、ラジオ体操を毎日行う効果というのを見てみてください。


NPO法人の全国ラジオ体操連盟のHPに書いてありました。

ラジオ体操は、
人間の体をまんべんなく動かすために必要な運動を組み合わせてつくられています。
しかも、健康な人なら負荷も少なく、だれでも手軽にできる体操です。
これを毎日続けることで、加齢や生活の偏りなどが主な原因となる体のきしみを取り除き、人間本来がもっている機能をもとの状態に戻し、維持する効果があります。

http://www.rajio-taiso.jp/faq/index.cgi?c=5&


きちんと正しいラジオ体操を身に着ければ
メタボ・肩こり・腰痛防止になるようです。



ラジオ体操が終わったら、
そのまま椅子に座って毎朝の30分のパソコン作業です。

ラジオ体操をきっかけに1日をスタートさせると
その流れでやりたいことを習慣化できるのでオススメです。



ちなみに、毎日決まった時刻に決まった音楽を流すために

スマホ(android)アプリのアラームソフトを利用しています。
「ときこ」と言うのを使っています。無料です。

またラジオ体操の音源はパソコンで
youtube動画から音声mp3にして抽出するツールを利用しました。


このラジオ体操強制法を親に薦めようとしたんですが
スマホもっていないしアナログ人なので何とかできないのか?
と言う方法を考えたらいいのがありました(笑)

「CDクロックラジオ」を利用するのが良いと思います。
こいつを利用すると毎朝決まった時刻に好きな音楽を流せるので便利です。

ポイントは
決まった時刻にCDが流せる。
CDがなったら1曲丸ごと終了するまで消えない
と言うのが理想ですね。


ネットで探したところこれがいい感じです


あなたもラジオ体操から強制的に毎朝30分のパソコン作業
これを習慣化してみてはいかがでしょうか?

【送料無料・ポイント3倍】 目覚まし CD クロックラジオ (デュアルアラームCDクロックラジオ)

¥7,140
楽天

ソフトの使い方やマニュアル作成に利用する画像を作る場合。
パソコン画面の一部を切り取って、さらにその画像に注釈を付けるパターンが多いと思います
こんな感じの画像ですね。

$ホームページを自作して、ネット収入倍増する秘訣


こういったものを作る場合
1、パソコンの画面をキャプチャする
パソコンの画面をキャプチャするには、windowsの場合、通常pringscreenを押せばクリップボードに画像が取得出来るんですが、これだと画像加工ソフトにいったん貼り付けて画像化しなければなりません。

2、画像加工ソフトで加工
注釈等入れる場合にはさらにその画像を画像加工ソフトに読み込ませて加工して保存しなければなりません。

こういった一連の流れを全部1つのソフトで思い立ったときに使えるソフトを見つけました。

1、キャプチャ機能
printscreenキーを押せば範囲指定でPC画面をすぐに画像化してくれます。
$ホームページを自作して、ネット収入倍増する秘訣

2、キャプチャ後すぐに加工出来ます。
$ホームページを自作して、ネット収入倍増する秘訣
1、矢印を入れる
2、四画で際立たせる
3、範囲指定でぼかしを入れる
4、マルで囲む事ができる
5、テキストを入れられる
6、吹き出しを入れられる
7、スタンプが入れられる
8、番号が入れられる
9、マーカーを入れられる

全部使った画像がこれです

$ホームページを自作して、ネット収入倍増する秘訣

3、さらに加工した画像にドロップシャドウや反射を入れることが可能です。

$ホームページを自作して、ネット収入倍増する秘訣

このソフトは画像加工の経験のない方でも比較的楽に使いこなせると思いますのでお勧めです。

ダウンロードは下記から出来ます。
無料で幾らでも利用が出来るのですが、無料版だと一度加工した画像を再編集するのに少しwaitが入って操作に時間がかかります。有料化すればその制限は解除できるのですが、再編集するより新規で作り直せば良いので必要ないのかもしれませんね。
下記よりダウンロード出来ます

http://www.screenpresso.com/download
日本人が成功すんなら、アジアなんじゃねぇの?
という本です。amazonで注文したので2~3日で届くでしょう。


有名どころの起業家さんたちが一斉に紹介しているので

どうれ!俺も買うか!ってことで重い腰を上げた次第で(笑)

中身の方は期待しちゃってますよ。

日本人が成功すんなら、アジアなんじゃねぇの? 起業に役立つ現地情報&稼げるノウハウ!/豊永 貴士

¥1,260
Amazon.co.jp

日経電子版のCMで「本棚を見ればその人がわかる」って言っていますが

この前事務所の引っ越しの際に棚に積んであった大量の古本を
ブックオフで処分した時に実感しました。

私が今まで買ってきた本というをざっと見まわしたところ
古いエクセルの使い方、2002年発行のとか
アドワーズ攻略法とか、目の前の事をこなすための
ハウツー本が多数を占めてました。

最近買うのは、テクニックに左右されない
考え方の本なんかを選んで買うようにしています。

そういう本て、後から見直しても全然古臭くないし
何度見ても気付きというのがあるんですよね。

今日買った本も本棚に残りそうな予感です。



あなたもいかがでしょか?

目次
序章   アジアの旅に出かけよう
第1章  いざアジアへ!
第2章  就職なけりゃタイへ行け!
第3章  激安起業塾!ベトナム
最4章  ASEANの北朝鮮 熱いぜ!シンガポール
第5章  復活モノ作り日本 in カンボジア
第6章  やられぬうちにお金の勉強 in 香港
第7章  バリ島にて和僑の大富豪に会う
第8章  永遠の旅人から自由に生きるを学ぶ
第9章  アジアじゃねぇの 実践編
第10章 アジアじゃねぇの 準備万端編
終章   アジアで会おう


この本を買った理由は、すんごい起業家さんたちがこぞって紹介しているから(笑)

nozanさんや松原さんや、井上さん

さくやさん、紹介した理由にしびれました。

ので私も乗っかりました(笑)

こういうの大事ですよね。勉強になります。