名古屋を拠点にパソコンITセミナー講座の講師をやってます -29ページ目

ツイッターの「ツイート」ボタンの設置方法

●ツイッターの「ツイート」ボタンの設置方法

スペシウムの浅井達也です。


前回、ようやく弊社の公式サイトに、様々なソーシャルメディアのボタンを設置し終えたので、その覚えとして、各ソーシャルメディアのボタンの設置方法をお知らせして行くことにしたと書きました。

スペシウム公式サイト


そして、前回は facebook のボタン設置方法を書きましたが、今回は、ツイッターのボタンです。


まず、ソースコードを取得できる、このページを開きます。

ツイッターボタンコード取得画面


上の各欄の必要部分を入力していきます。


ツイッターボタンの設定には、いくつか設定項目がありますが、重要なのは次の2つです。

<URLを共有>
ツイートに初期表示するURLを設定します。
ボタンが表示されるページのURLか、URLを入力して、固定のURLを指定します。

<ツイート内テキスト>
ツイートに含まれるテキストを選択します。
ボタンが表示されるページのタイトルか、任意のテキストを入力します。


以上を設定したら、最後に「コードのプリビューを見る」の下にあるコードをコピーし、それをペーストして使います。(どうでもいいケド、プリビューって、プレビューのことですよね?(苦笑))


facebook もそうでしたが、ツイッターも、各項目を設定する度に、右側にプレビューが表示されるので、いろいろ試してみながら設定していくといいでしょう。

平成24年大相撲夏場所は、旭天鵬の涙の初優勝で幕を閉じました!

●平成24年大相撲夏場所は、旭天鵬の涙の初優勝で幕を閉じました!

スペシウムの浅井達也です。


大相撲夏場所は、旭天鵬の涙の初優勝で幕を閉じました!

H24夏場所は旭天鵬が初優勝


旭天鵬関は、大島親方の定年により、引退して部屋を継がないかと言われていたのを断って、現役続行を決断していただけに、単なる史上最年長の初優勝といった記録以外の、いろんな思いが詰まった優勝になったようです。

本当に、おめでとうございます。


それにしても、相変わらず不甲斐ないのは大関陣。

史上初の6大関陣となった今場所なのに、横綱白鵬の崩れによる優勝のチャンスを掴めないんだから、何とも情けないコトです。



facebook の「いいね!」ボタンの設置方法

●facebook の「いいね!」ボタンの設置方法

スペシウムの浅井達也です。


最近は、記事の上や下に、ソーシャルメディアに共有できるボタンを設置しているサイトが多くなってきましたよね。

このアメブロでも、記事の下に、mixi、ツイッター、facebook、そして、アメーバなう。へのボタンが設置されています。


そこでようやく、弊社も公式サイトに、様々なソーシャルメディアのボタンを設置しました。

スペシウム公式サイト


ソーシャルメディアのボタンを、ブログや普通のサイトに設置しておくと、そのページ自体も、ソーシャルメディアのページとなり得るので、ぜひ設置されるとイイですよとおススメしています。

しかしみなさん、意外とされないんですよね。

なぜかと思って何人かに伺ったところ、単純に、そのやり方を知らないという理由が多かったです。

というわけで、今回からしばらく、ソーシャルメディアのボタンの設置方法をお伝えして行きたいと思います。


今回は、王道のfacebookのボタン設置方法です。

まずソースコードを取得できる、このページを開きます。
(英語のページですが、恐れなくても大丈夫ですよ(笑))

facebookいいねボタンソースコード入手画面

上の各欄の必要部分を入力して、最後に「Get Code」をクリックします。

<URL to Like>
「いいね!」させたいサイトのURLを入力します。
ここにURLを指定すると、そのURLを、空欄にしておくと、表示されるページのURLを取得します。

<Send BUtton>
「送る」ボタンも付けたい場合は、ここをチェックしておきます。

<Layout Style>
レイアウトを選択します。
[standard]テキストをボタンの右に表示し、友だちの写真を下に表示します。最小の幅は225px、デフォルト幅は450px。写真なしの高さは35px、写真がある場合の高さは80px。
[box_count]いいねが押された合計数を、いいねボタンの上に表示します。
最小幅は55px、デフォルトの幅は55px。高さは65px。
[button_count]いいねが押された数をボ、タンの右側に表示します。
最小幅は90px、デフォルト幅は90px。高さは20px。

<Width>
ボタンの幅を指定します。

<Show Faces>
ボタンの下に、プロフィール写真を表示させるかどうかを選択します。(スタンダードレイアウトのみ)

<Verb to display>
表示させたい言葉(「いいね」または「お勧め」)を選びます。
「いいね」も「お勧め」もボタンを押した時の動きは同じです。

<Clolor Scheme>
色を選択します。

<Font>
フォントを選択します。(日本語では変化ありません)


以上を設定したら、最後に、Get Codeをクリックしてプラグインコードを取得します。

facebookいいねボタンのプラグインコード



各項目を設定する度に、右側にプレビューが表示されるので、いろいろ試してみながら設定していくといいでしょう。