Home > web制作あれこれ > Google Friend Connect > Google Friend Connectでコメントできるようにしよう

Google Friend Connectでコメントできるようにしよう

Posted on 2009年03月1日 | 4 Comments

昨日の手順でGFCのメンバーズガジェットが設置できたら
次は他のガジェットも貼ってみよう。
このブログで導入しているコメントをつけられるガジェットは
「Wall gadget」という。

social gadgetsをクリック

Google Friend Connectに飛ぶと、管理画面に行ける。
画像で「病的溺愛シンドローム」になっているところが
作成したサイト名になってるはず。
「Social gadgets」をクリック。

なんかいろんがガジェットが出てくると思うけど、
「Wall gatget」をクリック。
セットアップ画面になる。

①のオプションについて。

コメントをサイト全体にするか、ページ毎にするか、ID設定するかを選べる。
サイト全体にすると、このブログのサイドバーにあるように
サイト内のどのページに飛んでも同じコメントを見られるし、発言できる。
ページ毎にすると、そのページでだけコメントが反映されるので、
ブログのコメント欄と同じような感じ。
IDっていうのは、自分で設定できる。
このブログでいうところの「GFCを普及させ隊　報告板」のようになる。
サイト全体に反映されるわけでもなく、ページにも関係ない。
うまく説明できないけど、多分やってみれば分かる（ｺﾗ

「Start with this text in the comments area:」に入力した言葉が
コメント入力欄をクリックするまでデフォルトで表示される言葉。
コメントを入力して下さい　とかにしておけばいいかも。

「Comments header:」はラベル。というかタイトル。
「GFCを普及させ隊」にするとそう表示される。

一部環境ではここで日本語を設定すると文字化けする。
でも英語じゃ分かりにくいし…悩ましいところ。

「Allow visitors to post YouTube links」は
YouTubeは貼れるようにするかどうか。
チェックを入れておくと、このブログのGFCの「Comments」のように
YouTubeを貼り付けることができる。

「Allow anonymous posts」は、匿名の投稿を許可する。
サインインしてない人にも気軽に使ってほしいな～と思ったらチェック。
迷惑コメントが来たら嫌だな…という場合はチェックを入れないでおこう。

②ガジェットのサイズと表示形式

「Width」はガジェットの幅。
「Number of posts to show」は１ページに表示する投稿の数。
「Expand and Contract」は表示形式。
「Always expanded, can’t contract」は常に展開して表示し、折りたたまない。
「Start expanded, allow expand and contract」は展開して表示するが折りたためる。
「Start contract, allow expand and contract」は最初は折りたたみ表示で、クリックして展開。

③色の設定

メンバーズガジェットと同様、好みのカラーを設定できる。
backgroundが背景、textが文字色、linksがリンク色、borderが枠線の色。
背景は空にする（ffffffとか入ってるのを消す）と透過できる。

④コードを出力する

「Generate code」をクリックしてコードを出力する。

⑤サイトに貼り付ける

出力されたコードを貼りたい場所にコピー＆ペーストで貼り付ける。

何度でも作り直せるので、ものは試し、メンバーズガジェットの下にでも貼ってみよう♪

Bookmark and Share

関連記事：

タグ:

この記事は 2009年03月1日日曜日 の 12:00 AM に書きました。　
この記事のフィードはRSS 2.0で購読できます。

« | »

4 Comments for this entry

  • Cat-sushi
    3月 1st, 2009 on 12:58 AM

    さすが「させ隊」長。
    設置してほったらかしの自分とは大違い。
    GFCはまだソーシャルグラフが広くはありませんが、地道な努力で広げていきましょう。

    返信
  • おいち
    3月 1st, 2009 on 1:04 AM

    こんばんは♪(｡･▽･)ノ
    結構、細かい設定は出来ちゃうんですね～☆
    それにしても英語が多過ぎ、このような解説がなけりゃ～
    余程のこだわりがないと挫折しそうです！
    そんな中でやり遂げた唯奈さんに座布団一枚　いや
    諭吉一枚あげたいところです、がんばったんだね～♪

    返信
  • 唯奈
    3月 1st, 2009 on 5:44 PM

    ＞Cat-sushiさん
    ＧＦＣネタでブログのネタ切れから逃げていますｗ
    でも設置できないところが多いですよね。
    英語だっていう点に加えてファイルのアップロード…。
    (-ω-;)ｳｰﾝ

    返信
  • 唯奈
    3月 1st, 2009 on 5:48 PM

    ＞おいちさん
    (* ^ーﾟ)ﾉｺﾝﾆﾁﾊ
    英語が多すぎというより、全部英語です。
    popInという素敵アドオンのおかげで、機械翻訳が簡単にできるので
    それをなんとなーくで解釈して、感覚で設置…ですかね。
    残念なことにガジェットを作るような技術力はありません。。。

    返信

コメント

XHTML:タグが使えます：　<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <img localsrc="" alt="">

:zzz: :wink: :v: :uwa-n: :un: :twisted: :sikusiku: :rose: :roll: :photo: :oteage: :oops: :obake: :niyari: :nice: :naku: :munekyun: :mrgreen: :meramera: :lovelove: :love: :lol: :ke: :kanpai: :kaminari: :kame: :ikari: :ice: :hint: :heart: :hatena: :gurume: :gun: :evil: :ehe: :denden: :cry: :check: :cat: :bye: :boon: :blue: :bikkuri: :be-: :ashi: :ase: :arrow: :akubi: :?: :-| :-x :-o :-P :-D :-? :) :( :$: :!: 8-O 8)

ビールをおごる

Image of a beer - if this shows instead of the picture, you did not install the plugin corectly
325 Beers Received

サイトの歩み

2011年2月27日に3周年を迎えます
3周年まであと…