ここの情報は古いです。ご理解頂いた上でお取り扱いください。

Changes between Version 35 and Version 36 of pne-book-12


Ignore:
Timestamp:
Mar 16, 2008, 12:34:51 AM (15 years ago)
Author:
HAMUCHI
Comment:

--

Legend:

Unmodified
Added
Removed
Modified

  • pne-book-12

    v35 v36  
    2626
    2727=== 運営の為の準備 ===
    28 テーマと情報収集が終わったら実際にSNSを構築します。[[BR]] その際、アクセス解析を設置しましょう。[[BR]] [[BR]] 　アクセス解析ツールとはそのページを訪れた人がどんなページからアクセスをしてきたのかや、[[BR]] 　使用しているOS、ブラウザ、解像度などがグラフなどでの情報が人目で分かります。[[BR]] 　検索エンジンを使用してページを訪れた場合、検索キーワードを取得することができます。[[BR]] 　どんな情報を求めているのかが人目で分かり、今後の運営にも役立ちます。[[BR]] [[BR]] 私のサイトでは、TOPページにfutomiというCGIで動作するタイプのアクセス解析を設置し、 [[BR]] SNS内の各ページにはGoogle社が提供しているGoogle Analyticsを利用しています。[[BR]] どちらも無料で利用でき、とても高性能です。[[BR]][[BR]] '''クライアント画面解像度レポート（futomi）'''[[BR]] [[Image(http://trac.openpne.jp/attachment/wiki/pne-book-12/futomi.jpg?format=raw)]][[BR]][[BR]] '''ユーザーのサイト滞在時間（Google Analytics）'''[[BR]] [[Image(http://trac.openpne.jp/attachment/wiki/pne-book-12/analytics.2.jpg?format=raw)]][[BR]][[BR]] ■futomi[[BR]] http://www.futomi.com/ [[BR]]■Google Analytics[[BR]] http://www.google.co.jp/analytics/ja-JP/
     28テーマと情報収集が終わったら実際にSNSを構築します。[[BR]] その際、アクセス解析を設置しましょう。[[BR]] [[BR]] 　アクセス解析ツールとはそのページを訪れた人がどんなページからアクセスをしてきたのかや、[[BR]] 　使用しているOS、ブラウザ、解像度などがグラフなどでの情報が人目で分かります。[[BR]] 　検索エンジンを使用してページを訪れた場合、検索キーワードを取得することができます。[[BR]] 　どんな情報を求めているのかが人目で分かり、今後の運営にも役立ちます。[[BR]] [[BR]] 私のSNSでは、TOPページにfutomiというCGIで動作するタイプのアクセス解析を設置し、 [[BR]] SNS内の各ページにはGoogle社が提供しているGoogle Analyticsを利用しています。[[BR]] どちらも無料で利用でき、とても高性能です。[[BR]][[BR]] '''クライアント画面解像度レポート（futomi）'''[[BR]] [[Image(http://trac.openpne.jp/attachment/wiki/pne-book-12/futomi.jpg?format=raw)]][[BR]][[BR]] '''ユーザーのサイト滞在時間（Google Analytics）'''[[BR]] [[Image(http://trac.openpne.jp/attachment/wiki/pne-book-12/analytics.2.jpg?format=raw)]][[BR]][[BR]] ■futomi[[BR]] http://www.futomi.com/ [[BR]]■Google Analytics[[BR]] http://www.google.co.jp/analytics/ja-JP/
    2929
    3030=== 運営開始してまずやること ===
    31 サイトを公開したらまず各サーチエンジンへ自分のSNSを宣伝して回りましょう。[[BR]] 国内のサーチエンジンのシュアは2008年3月10日現在以下の通りです。[[BR]] １位　Yahoo（61.6%）[[BR]] ２位　Google（31.9％）[[BR]] ３位　MSN（2.3%）[[BR]] ご覧の通り、Yahooが圧倒的なシュアを誇っています。[[BR]] しかし、Yahooにサイトが登録されるためには審査がありとても狭き門なのでそれなりの対策が必要です。[[BR]] ■Yahoo　サイトの登録申し込み手順[[BR]] http://dir.yahoo.co.jp/pg/submit/guide/submit1.html [[BR]][[BR]] 検索エンジン登録代行サービスを行っているサイトや企業もあるので活用するのも手だと思います。
     31運営を開始したらまず各サーチエンジンへ自分のSNSを宣伝して回りましょう。[[BR]] 国内のサーチエンジンのシュアは2008年3月10日現在以下の通りです。[[BR]] １位　Yahoo（61.6%）[[BR]] ２位　Google（31.9％）[[BR]] ３位　MSN（2.3%）[[BR]] ご覧の通り、Yahooが圧倒的なシュアを誇っています。[[BR]] しかし、Yahooにサイトが登録されるためには審査がありとても狭き門なのでそれなりの対策が必要です。[[BR]] ■Yahoo　サイトの登録申し込み手順[[BR]] http://dir.yahoo.co.jp/pg/submit/guide/submit1.html [[BR]][[BR]] 検索エンジン登録代行サービスを行っているサイトや企業もあるので活用するのも手だと思います。
    3232
    3333=== 運営を始めてから ===
    34 ある程度人数が集まってきたら一度自分のSNSを[[BR]] インプット側の視点ではなく、アウトプット側の視点からサイトを見直してみましょう。[[BR]] この部分が分かりにくいかもと感じた部分には案内を載せたりし、見ている人が迷わないよう気を配りましょう。
     34ある程度人数が集まってきたら一度自分のSNSを[[BR]] インプット側の視点ではなく、アウトプット側の視点からSNSを見直してみましょう。[[BR]] この部分が分かりにくいかもと感じた部分には案内を載せたりし、見ている人が迷わないよう気を配りましょう。
    3535
    3636=== SNSをやめる理由 ===
    37 インターネットコムとgooリサーチが行った調査によると[[BR]] SNSをやめる理由の１位は 「忙しくてサイトを見る暇がなくなった」29.35％[[BR]] ２位は 「実際にはあまりアクセスしなかった」25.00％ だったそうです。[[BR]] 一度訪れた人に、もう一度来て見たいと思わせるサイトになるよう心がけましょう。
     37インターネットコムとgooリサーチが行った調査によると[[BR]] SNSをやめる理由の１位は 「忙しくてサイトを見る暇がなくなった」29.35％[[BR]] ２位は 「実際にはあまりアクセスしなかった」25.00％ だったそうです。[[BR]] 一度訪れた人に、もう一度来て見たいと思わせるSNSになるよう心がけましょう。
    3838
    3939=== 地道な努力が実を結ぶ ===
    … …  
    4747
    4848=== 自分のSNSの退会理由から弱点を知る ===
    49 SNSの退会理由は自分のサイトの足りないところが簡潔に書いてあり参考になります。[[BR]] こまめにチェックしましょう。[[BR]][[Image(http://trac.openpne.jp/attachment/wiki/pne-book-12/taikai.jpg?format=raw)]]
     49SNSの退会理由は自分のSNSの足りないところが簡潔に書いてあり参考になります。[[BR]] こまめにチェックしましょう。[[BR]][[Image(http://trac.openpne.jp/attachment/wiki/pne-book-12/taikai.jpg?format=raw)]]
    5050
    5151
    … …  
    5454
    5555=== 運営編の最後に ===
    56 運営とビジネス、「交流」と「購入」は全く別物だと思ったほうがいいでしょう。[[BR]] 私のサイトはまだビジネスモデルが確立していません。[[BR]] もし、私のサイトの今後の動向が気になるなら[[BR]] お絵かきできるSNS Chixi.jpに参加してみてください。[[BR]] http://chixi.jp/
     56運営とビジネス、「交流」と「購入」は全く別物だと思ったほうがいいでしょう。[[BR]] 私のSNSはまだビジネスモデルが確立していません。[[BR]] もし、私のSNSの今後の動向が気になるなら[[BR]] お絵かきできるSNS Chixi.jpに参加してみてください。[[BR]] http://chixi.jp/
    5757
    5858== SNSエンジン ==
    … …  
    6363
    6464=== たった１行でメンバーページのURLを短くできる小技 ===
    65 難易度：☆☆☆☆★[[BR]] OpenPNEで自分のプロフィール用のURLを教える場合[[BR]][SNSのアドレス]/'''?m=pc&a=page_f_home&target_c_member_id=[SNSのID]'''[[BR]] とちょっと覚えにくいURLになってしまいますが、 メモ帳を使ってたった１行でそれなりに分かりやすいURLにすることができるので紹介します。[[BR]] [[BR]] <?php header("Location: http://" . $_SERVER[wiki:"SERVER_NAME" SERVER_NAME] . "/?m=pc&a=page_f_home&target_c_member_id=" . $_GET[wiki:"id" id]); ?>[[BR]] [[BR]] この一行をメモ帳などで書き、[好きな文字列].php　の名前で保存した後[[BR]] FTPなどを使い/public_htmlの下にこのファイルをアップロードするだけで[[BR]] [SNSのアドレス]/'''[先ほど付けた名前]?id=[SNSのID]'''[[BR]] とちょっとは覚えやすいIDになります。[[BR]] [[BR]] 私のサイトでは以下ように使用しています。[[BR]] 元URL:http://chixi.jp/?m=diary&a=page_list&target_c_member_id=1 [[BR]] 一行PHP:http://chixi.jp/blog.php?id=1
     65難易度：☆☆☆☆★[[BR]] OpenPNEで自分のプロフィール用のURLを教える場合[[BR]][SNSのアドレス]/'''?m=pc&a=page_f_home&target_c_member_id=[SNSのID]'''[[BR]] とちょっと覚えにくいURLになってしまいますが、 メモ帳を使ってたった１行でそれなりに分かりやすいURLにすることができるので紹介します。[[BR]] [[BR]] <?php header("Location: http://" . $_SERVER[wiki:"SERVER_NAME" SERVER_NAME] . "/?m=pc&a=page_f_home&target_c_member_id=" . $_GET[wiki:"id" id]); ?>[[BR]] [[BR]] この一行をメモ帳などで書き、[好きな文字列].php　の名前で保存した後[[BR]] FTPなどを使い/public_htmlの下にこのファイルをアップロードするだけで[[BR]] [SNSのアドレス]/'''[先ほど付けた名前]?id=[SNSのID]'''[[BR]] とちょっとは覚えやすいIDになります。[[BR]] [[BR]] 私のSNSでは以下ように使用しています。[[BR]] 元URL:http://chixi.jp/?m=diary&a=page_list&target_c_member_id=1 [[BR]] 一行PHP:http://chixi.jp/blog.php?id=1
    6666
    6767=== IDタグ ===
    … …  
    7373[[BR]]
    7474念のためプログラムを載せておきます。[[BR]]
    75 <?php[[BR]]//IDの取得[[BR]]$txt = htmlspecialchars(@$_GET[wiki:"id" id]);[[BR]] [[BR]] //背景画像の指定[[BR]] $gif = "img/tag.gif"; $image = imagecreatefromgif($gif);[[BR]] [[BR]] //文字色の指定[[BR]] $fontcolor = imagecolorallocate($image, 255,255,255);[[BR]] [[BR]] //表示位置指定(画像情報,フォント指定,X座標,Y座標,表示文字列,表示文字色)[[BR]] imagestring ($image, 3, 36, 1, $txt, $fontcolor);[[BR]] [[BR]] //表示[[BR]] header("Content-type: image/gif"); imagegif($image);[[BR]] ?>[[BR]] ここまで。[[BR]] 表示するときは保存したファイル名に ?id=[表示したいID] の文字列を付けて表示します。[[BR]] [[BR]] 私のサイトでは以下ように使用しています。[[BR]] http://chixi.jp/chixi_tag.php?id=1 [[BR]] [[BR]] あとはお知らせやコミュニティなどでこのURLを告知しましょう。
     75<?php[[BR]]//IDの取得[[BR]]$txt = htmlspecialchars(@$_GET[wiki:"id" id]);[[BR]] [[BR]] //背景画像の指定[[BR]] $gif = "img/tag.gif"; $image = imagecreatefromgif($gif);[[BR]] [[BR]] //文字色の指定[[BR]] $fontcolor = imagecolorallocate($image, 255,255,255);[[BR]] [[BR]] //表示位置指定(画像情報,フォント指定,X座標,Y座標,表示文字列,表示文字色)[[BR]] imagestring ($image, 3, 36, 1, $txt, $fontcolor);[[BR]] [[BR]] //表示[[BR]] header("Content-type: image/gif"); imagegif($image);[[BR]] ?>[[BR]] ここまで。[[BR]] 表示するときは保存したファイル名に ?id=[表示したいID] の文字列を付けて表示します。[[BR]] [[BR]] 私のSNSでは以下ように使用しています。[[BR]] http://chixi.jp/chixi_tag.php?id=1 [[BR]] [[BR]] あとはお知らせやコミュニティなどでこのURLを告知しましょう。
    7676
    7777=== プロフィール編集 ===
    … …  
    9696    ({$item.value})
    9797  ({/if})
    98 '''--ここまで--'''[[BR]] この応用で写真のURLを入力してもらい、画像を表示することも可能です。[[BR]] [[BR]] 私のサイトでは以下のように使用しています。[[BR]][[Image(http://trac.openpne.jp/attachment/wiki/pne-book-12/WS000002.JPG?format=raw)]]
     98'''--ここまで--'''[[BR]] この応用で写真のURLを入力してもらい、画像を表示することも可能です。[[BR]] [[BR]] 私のSNSでは以下のように使用しています。[[BR]][[Image(http://trac.openpne.jp/attachment/wiki/pne-book-12/WS000002.JPG?format=raw)]]
    9999
    100100
    … …  
    102102難易度：☆★★★★[[BR]] OpenPNEの日記の部分におえかきモジュールを組み込む方法です。[[BR]] 多少複雑ですが、順をおって作業を進めれば設置できるはずです。[[BR]]
    103103ファイルは以下URLからダウンロードしてください。[[BR]]
    104 http://chixi.jp/pne-book/oekaki.zip [[BR]] [[BR]] 【 はじめに  】[[BR]] このスクリプトはPunyu Net(http://www.punyu.net/php/)で配布されているお絵かきメーカーを [[BR]] OpenPNE用にChixi.jp(http://chixi.jp/)がカスタマイズしたものです。 [[BR]] 万が一、このスクリプトにより何らかの損害が発生しても、その責任を私（著作者）は負いません。[[BR]] 自己の責任で利用して下さい。[[BR]] このスクリプトの著作権は - SakaQ - 氏にあります。[[BR]] [[BR]] 【 ﾌｧｲﾙ構成  】 [[BR]] (ブラウザから閲覧可能)[[BR]] - public_html[[BR]] 　├ （お絵かきモジュール）[[BR]] 　│ │ ├ readme_picmaker.txt[[BR]] 　│ │ ├     .[[BR]] 　│ │ ├     .[[BR]] 　│ │ ├     .[[BR]] 　│ │ └     .[[BR]] 　│ ├ readme.txt[[BR]] 　│ └ www.yourdomain.com.js[[BR]] [[BR]] 【 設定手順  】[[BR]] 1.日記の投稿ページにお絵かきボタンを設置します。[[BR]] 変更するファイルは以下のファイルです。[[BR]] \webapp\modules\pc\templates\h_diary_add.tpl[[BR]] 『本　　文』で検索後、数行下にある <div style="padding:4px 3px;"> の直下に以下のソースを貼り付けてください。[[BR]] <script Language="JavaScript">[[BR]] <!--[[BR]] function btnPicmaker(){[[BR]] //お絵かきをするボタン[[BR]] subWin = window.open("./picmaker/picmaker.php","sub","");}[[BR]] //-->[[BR]] </script>[[BR]] <input type="button" value="お絵かきをする" onClick="btnPicmaker();"><br>[[BR]] '''--ここまで--'''[[BR]] 2.picmakerフォルダを/public_html（公開ディレクトリ）の下に設置します。[[BR]] ( )内はパーミッション値 　./-- picmaker (777)[[BR]] 　｜picmaker.php (644)[[BR]] 　｜picpost.php  (644)[[BR]] 　｜palette.txt  (644)[[BR]] 　＋--./oekaki/  (777) 保存ディレクトリ(デフォルト：変更しないで下さい。)[[BR]]---以下のファイルは「しぃ堂」より入手してください---[[BR]]  　｜PaintBBS.jar     (644) バイナリ ※PaintBBS[[BR]] 　｜spainter_all.jar (644) バイナリ ※しぃペインターオールインワンバージョン[[BR]] 　｜PCHViewer.jar    (644) バイナリ ※しぃペインター対応版[[BR]] 　｜[[BR]]---以下のファイルは「WonderCatStudio」より入手してください---[[BR]]  　｜palette.js       (644) ※WCS動的パレットコントロール(DynPalette.lzh)[[BR]]■しぃ堂[[BR]] http://shichan.jp/ [[BR]] ■WonderCatStudio[[BR]] http://wondercatstudio.com/archive/ [[BR]][[BR]] 3.CMDを設定します。 www.yourdomain.com.jsのファイルをメモ帳などで開き2行目の以下の部分を自分の環境に合わせ設定します。[[BR]] var pictpass = "http://www.yourdomain.com/picmaker/"; [[BR]] その後、www.yourdomain.com.jsのファイル名をPNEを設置しているサーバの名前に変更します。[[BR]] 設定が完了したら管理者モードでログインし、CMDを設定します。（←PNE2.0以前の場合は手動で設定が必要です。）[[BR]] [[BR]] 例：http://chixi.jp/に設定する場合、jsのファイル名はchixi.jp.jsとなり、 [[BR]] pictpassはpictpass = "http://chixi.jp/picmaker/";となります。 [[BR]] [[BR]] 4.先ほど編集したJSファイルを/public_html（公開ディレクトリ）の下cmdフォルダの中にアップロードします。[[BR]] [[BR]] これで完成です。[[BR]] [[BR]] 【  注意  】 この公開バージョンでは日記削除後もお絵かきファイルは削除されずに残ります。[[BR]] 数十キロバイトのデータですが気になるようでしたら作成日から一年後にファイルを削除しますと規約に明記しておき、[[BR]]タイムスタンプで判断して削除するようにしてください。[[BR]] [[BR]] 私のサイトではこのボタンをコメント欄にも設置し、以下ように使用しています。[[Image(http://trac.openpne.jp/attachment/wiki/pne-book-12/WS000003.JPG?format=raw)]]
     104http://chixi.jp/pne-book/oekaki.zip [[BR]] [[BR]] 【 はじめに  】[[BR]] このスクリプトはPunyu Net(http://www.punyu.net/php/)で配布されているお絵かきメーカーを [[BR]] OpenPNE用にChixi.jp(http://chixi.jp/)がカスタマイズしたものです。 [[BR]] 万が一、このスクリプトにより何らかの損害が発生しても、その責任を私（著作者）は負いません。[[BR]] 自己の責任で利用して下さい。[[BR]] このスクリプトの著作権は - SakaQ - 氏にあります。[[BR]] [[BR]] 【 ﾌｧｲﾙ構成  】 [[BR]] (ブラウザから閲覧可能)[[BR]] - public_html[[BR]] 　├ （お絵かきモジュール）[[BR]] 　│ │ ├ readme_picmaker.txt[[BR]] 　│ │ ├     .[[BR]] 　│ │ ├     .[[BR]] 　│ │ ├     .[[BR]] 　│ │ └     .[[BR]] 　│ ├ readme.txt[[BR]] 　│ └ www.yourdomain.com.js[[BR]] [[BR]] 【 設定手順  】[[BR]] 1.日記の投稿ページにお絵かきボタンを設置します。[[BR]] 変更するファイルは以下のファイルです。[[BR]] \webapp\modules\pc\templates\h_diary_add.tpl[[BR]] 『本　　文』で検索後、数行下にある <div style="padding:4px 3px;"> の直下に以下のソースを貼り付けてください。[[BR]] <script Language="JavaScript">[[BR]] <!--[[BR]] function btnPicmaker(){[[BR]] //お絵かきをするボタン[[BR]] subWin = window.open("./picmaker/picmaker.php","sub","");}[[BR]] //-->[[BR]] </script>[[BR]] <input type="button" value="お絵かきをする" onClick="btnPicmaker();"><br>[[BR]] '''--ここまで--'''[[BR]] 2.picmakerフォルダを/public_html（公開ディレクトリ）の下に設置します。[[BR]] ( )内はパーミッション値 　./-- picmaker (777)[[BR]] 　｜picmaker.php (644)[[BR]] 　｜picpost.php  (644)[[BR]] 　｜palette.txt  (644)[[BR]] 　＋--./oekaki/  (777) 保存ディレクトリ(デフォルト：変更しないで下さい。)[[BR]]---以下のファイルは「しぃ堂」より入手してください---[[BR]]  　｜PaintBBS.jar     (644) バイナリ ※PaintBBS[[BR]] 　｜spainter_all.jar (644) バイナリ ※しぃペインターオールインワンバージョン[[BR]] 　｜PCHViewer.jar    (644) バイナリ ※しぃペインター対応版[[BR]] 　｜[[BR]]---以下のファイルは「WonderCatStudio」より入手してください---[[BR]]  　｜palette.js       (644) ※WCS動的パレットコントロール(DynPalette.lzh)[[BR]]■しぃ堂[[BR]] http://shichan.jp/ [[BR]] ■WonderCatStudio[[BR]] http://wondercatstudio.com/archive/ [[BR]][[BR]] 3.CMDを設定します。 www.yourdomain.com.jsのファイルをメモ帳などで開き2行目の以下の部分を自分の環境に合わせ設定します。[[BR]] var pictpass = "http://www.yourdomain.com/picmaker/"; [[BR]] その後、www.yourdomain.com.jsのファイル名をPNEを設置しているサーバの名前に変更します。[[BR]] 設定が完了したら管理者モードでログインし、CMDを設定します。（←PNE2.0以前の場合は手動で設定が必要です。）[[BR]] [[BR]] 例：http://chixi.jp/に設定する場合、jsのファイル名はchixi.jp.jsとなり、 [[BR]] pictpassはpictpass = "http://chixi.jp/picmaker/";となります。 [[BR]] [[BR]] 4.先ほど編集したJSファイルを/public_html（公開ディレクトリ）の下cmdフォルダの中にアップロードします。[[BR]] [[BR]] これで完成です。[[BR]] [[BR]] 【  注意  】 この公開バージョンでは日記削除後もお絵かきファイルは削除されずに残ります。[[BR]] 数十キロバイトのデータですが気になるようでしたら作成日から一年後にファイルを削除しますと規約に明記しておき、[[BR]]タイムスタンプで判断して削除するようにしてください。[[BR]] [[BR]] 私のSNSではこのボタンをコメント欄にも設置し、以下ように使用しています。[[Image(http://trac.openpne.jp/attachment/wiki/pne-book-12/WS000003.JPG?format=raw)]]