Jimdo SNS/ソーシャルネット関連カスタマイズ

JimdoにGoogle+1ボタンを設定する

Google+ボタンをJimdoに設定する!

下記のソースをウィジェット/HTMLに入れるだけです。

 

<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script><script type="text/javascript">//<![CDATA[document.write('<g:plusone  size="tall"/>');//]]></script>

 

設置をすると下記の通り!是非+1してみてください。

JimdoにTwitterボタンを設定する

JimdoにTwitterボタンを設定してみましょう。

下記ソースをウィジェット/HTMLに入れるだけです。

 

<a href="https://twitter.com/share" class="twitter-share-button" data-lang="ja">ツイート</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

 

設置すると下記のとおりです!是非この記事を含めたつぶやきをしてみてください。

[参考]

Twitterのサイトより細かい設定ができます。

Twitterボタン設定

 

ボタンのオプションを選び、生成されたコードをコピーして、

ウィジェット/HTMLに入れてください。

 

Facebookいいねボタンを設定する

Facebookのイイネボタンを設置します。

今回は一般のWEBサイト向けのイイネボタンを設置します。

下記フェイスブックのページよりいいねボタンを生成しましょう。

いいねボタン生成はこちら

いいねボタンを生成しよう!

URL to Like

ここにあなたのWEbサイトのURLを入れます。

 

Send Button

ココにチェックを入れると送信ボタンがでます。

 

Layout Style

イイネボタンの形を選べます。

 

Width

ボタンの幅

 

Show Faces

いいねしてくれた人の顔を出すかどうか。

 

Verb to display

「いいね」もしくは「おすすめ」の選択

 

Color Scheme

カラーを選べます。

 

Font

フォントを選べます


生成されたコードをコピー

GetCodeを押した後にコードが表示されます。

ココで3タイプのコードを選ぶことができます。

 

HTML5

XFBML

IFRAME

 

この中でIFRAMEが設置が一番簡単です。

HTML5とXFBMLはヘッダーにコードを入れた後に設置したい箇所にもコードを入れます。

 

今回はIFRAMEで設置してみました。

 

どうでしょうか。うまく表示されましたか?


Jimdoにはてなボタンを設置する

Jimdoにはてなボタンを設置します。

下記はてなボタン生成のページよりボタンを生成しましょう。

はてなボタン生成ページ

はてなボタンを生成しよう!

はてなボタン生成ページよりボタンを生成します。

 

①設置URLを入れます。ページのタイトルを入れます。

 

②ボタンのタイプを選びます。

※バーティカルのソースをウィジェット/HTMLに入れてもソースがJimdo側で自動改変されスタンダードボタンになります。

 

③ソースコピー&貼付け

ソースが生成されるのでコピーしてウィジェット/HTMLに貼り付けます。

 

ボタン設置完了!


このエントリーをはてなブックマークに追加

実際に設置してみました!

上記のように表示されれば成功です。

これではてなもOKですね!

 

 

JimdoにLinkedInボタンを設置する

JimdoにLinkedInボタンを設置します。

LinkedInはビジネスSNSで現在にわかにユーザーが増えております。
ビジネスのつながりを強化するには参加してみるとよいでしょう。 

LinkedInボタン設定画面
LinkedInボタン設定画面

LinkedInボタンを生成しよう

LinkedInボタンを生成します。

 

①こちらの生成ページにアクセス。

LinkedInボタン生成ページ

②設置したいUページのURLを入れます。

 

③ボタンのタイプを選びます

 

③ソースコピー&貼付け

ソースが生成されるのでコピーしてウィジェット/HTMLに貼り付けます。

 

ボタン設置完了!

 


実際に設置してみました!

上記のように表示されれば成功です。

これでLinkedInもOKですね!

 

JimdoにMixiいいねボタンを設置する

JimdoにMixiいいねぼたんを設置しようと試みましたところ、Mixiから発行されるタグがJimdoのウィジェット/HTMLのエレメントボックスと相性が合わないために現在設置ができていません。

また、設置することができましたらこちらでご報告いたします。

 

申し訳ございませんm(_ _)m