★ Let's become a Web Designer! 【プロフィール】 【商品一覧】 【よくある質問】 【お問い合わせ】
 

Facebookの「いいね」ボタン

 
ホーム はじめに 講座の効果 作成実績 受講者の声 パーツ集 作成ソフトの選び方 作成ソフトの比較 ネットで収入
 
はじめに
当サイトは、ホームページの作り方を覚える
ことができる動画を無料で公開しています。
動画でホームページの作り方が分かります。
 
 
 
 
 
  トップページ > ホームページ作成で使えるテクニック
 

Facebook の「いいね!」ボタンをホームページに設置する方法

Facebook の「いいね!」ボタンをホームページに設置する方法をお伝えします。

まず、Facebook の「いいね!」は、人気のバロメーターのようなもので、他の人から「共感した」と思ってもらえたときに、押されるボタンのことです。

Facebookの「いいね!」は、人気のバロメーターのような役割をします。「いいね!」は、手軽にボタンを押してもらうことができるので、いいねボタンをホームページに表示させておくことも、有効な方法になりますよ!

「いいね!」の数は、Facebook 上にも表示されるため、信用度の向上につながります。 また、「いいね!」した人の友達にも、通知されることになるので、より多くの人に内容を知ってもらうことができます。

自分が書いた記事の共感度や、商品やサービスの人気度が知りたい場合は、この「いいね!」ボタンを設置しておくと良いですよ!




Facebook の「いいね!」ボタンをホームページに設置する手順

 
手順1:下記のサイトにアクセスする。

https://developers.facebook.com/docs/plugins/like-button

ちょっと難しそうなサイトですが、拒否反応が出ないように注意してください。



手順2:「「いいね!」するURL」の個所に、自分のホームページの
URLを入力する。




たとえば、当サイトに「いいね!」ボタンを設置する場合は、http://toretama.jp/ と入力して、「コードを取得」のボタンをクリックします。



手順3:「IFrame」のタブをクリックしてから、ソースをコピーして、
ホームページに貼り付ける。




「IFrame」のタブをクリックすると、ソースが表示されるので、そのソースをコピーして、ホームページ上に貼り付けましょう。 なお、貼り付ける場所は、「いいね!ボタンを表示させたい箇所」に貼り付けるようにしてください。



手順4:ホームページ上に、「いいね!」ボタンが表示されることを確認する。

下記のように、ホームページ上に「いいね!」ボタンが表示されることを確認してください。 あとは、実際にそのボタンを押してみて、「いいね!」ボタンが動作したら、作業は完了です。




ちょっとしたカスタマイズ方法

 

ホームページ上に表示される「いいね!」ボタンは、https://developers.facebook.com/docs/plugins/like-button のサイトで、自由にカスタマイズすることができます。

たとえば、「Width」で横幅を指定できますし、「いいね!」ボタンのサイズやレイアウトも変更できますよ。



ちなみに、デフォルトで、「シェアボタンを追加」にチェックが入っているのですが、ここにチェックが入っていると、「いいね!」ボタンだけでなく、「シェアボタン」も一緒に作ってくれます。 「シェアボタン」は、別途作る方法をお伝えしますが、、、ここで一緒に作った方が、ラクなのかもしれませんね。

あとは、「コードを取得」のボタンをクリックして、「IFrame」のタブをクリックして、表示されたソースを、ホームページに貼り付けるだけです。 なお、「シェアボタンを追加」にチェックを入れると、下記のようにシェアボタンも表示されますよ。




【注意】

「自分で更新できる最短ホームページテンプレート」 をお使いの場合で、サイドバーにFacebookの「いいね!」ボタンを表示させたい場合は、side.htmlファイルにソースを貼り付けてください。

ただ、side.htmlファイルに、表示の長いコンテンツを入れると、サイドバーが途中で切れてしまいます。 その場合は、サイドバーに掲載した情報が途中で消えてしまったときの対処方法のページを実施してみてください。 この対処を行うことで、サイドバーが途中で切れることなく、コンテンツが表示されるようになります。




【よく読まれている関連記事】


【おすすめ外部コンテンツ】
 
会員制サイドビジネス講座
 
私がお金を稼ぐ理由 ~ お金を持ったときのメリット ~
 
インターネットで月20万円の収入を継続して稼ぐ方法
 
初心者用ホームページテンプレート
 

インターネットビジネスのすごさを認識してください
 
無料ホームページ制作講座の受講者の声
 
動画で覚える無料FX講座
 
ホームページが作れる能力は、最高の能力
 



当サイトで使用しているサンプルサイトを無料でダウンロード!

当サイトで使用しているサンプルサイトのデータを、無料でダウンロードできます。
このサンプルサイトがあれば、 さらにホームページの作り方が分かりやすく なりますよ!

⇒ 当サイトで使用しているサンプルサイトの無料ダウンロードはこちら!



副業で月20万円の収入を、自宅の空いている時間で稼ぐための講座

ホームページを自分で作ることができれば、そのホームページで、実際に収入を得ることができます。 そこで、インターネットを使ったサイドビジネス (副業) で、 自宅にいながら、空いている時間で、月20万円の収入を得ていただくための方法 もお伝えしています。

1日1時間程度の空いている時間で、自宅にいながら、月数万円でも収入を得られたら、とても良いと思いませんか? これからは、 複数の収入源を持つこと がとても大切ですし、副業で毎月お小遣いを得られたら、すごく嬉しいですよね!

⇒ 副業で自宅にいながら、収入を得るための講座はこちら!



 
今スタートできるサンプル
サイトを無料ダウンロード
 
サンプルサイトの無料ダウンロード
 
サイドビジネス講座
 
会員制サイドビジネス講座
 
初心者がホームページを自分で作れる能力を身につけて、 そのホームページをビジネスに活用する方法をお伝えする、会員制のサイドビジネス講座です。

この講座は、初心者がインターネットで収入を得られるようになることを目的として、運営しています。
 
 
 
HPテンプレート
 
自分で更新できる最短ホームページテンプレート
 
初心者が、簡単にホームページを作るための「ホームページテンプレート」です。

テンプレートと、たくさんのパーツ集をコピーして貼り付けるだけで、ホームページが完成する仕組みになっています。

さらに、テンプレートの使い方はすべて動画で解説しています。
 
ホームページのメリット
 
基礎講座と用語集
 無料ホームページ作り方 ホームページ基礎講座
 無料ホームページ作り方 HPでよく使う用語集
 無料ホームページ作り方 HTMLタグの書き方
 無料ホームページ作り方 スタイルシートの書き方
 
ホームページを作る前に
 
ホームページを作った後
 
インターネット副業
 
サイドビジネス・副業の始め方
 
初心者が、インターネットを使ったサイドビジネスで、自宅にいながら収入を得る方法を、すべて動画でお伝えするサイトです。

また、仕事ができるようになるノウハウや、「最高の成長法」などもお伝えしています。
 
 
メールマガジン
 無料ホームページ作り方 メールマガジンの登録
 
リンク集
 無料ホームページ作り方 当サイトへのリンク
 無料ホームページ作り方 役立つホームページ
 無料ホームページ作り方 お客様のホームページ
 無料ホームページ作り方 家を購入した体験談
 
会社概要
 
特定商取引に基づく表記
 
個人情報保護ポリシー
 
お問い合わせ先
 
 
NPO法人の推薦状
 
NPO法人の推薦状

 
当サイトは、NPO法人「起業とキャリア支援センター」様からの推薦を受けて、運営しています。
 
Twitter でシェアする
 
このページの内容が分かりやすいと思ったら、今すぐ Twitter でシェアしよう!
 
 
 
Facebook でシェアする
 
このサイトの内容が分かりやすいと思ったら、今すぐ Facebook でシェアしよう!
 
 
 
トップページプロフィール特定商取引法に基づく表記取り扱い商品一覧よくある質問お問い合わせ
 
 
Copyright © 動画で覚える無料ホームページ制作講座 All rights reserved.
 
by おすすめ副業ランキングサイト
^