ツイッター活用お役立ち情報&アメブロ用RTボタン(リツイートボタン) -123ページ目

特集④ 新作デザイン発表☆【記事中用RTボタンの手動設置方法】どんなアメブロスキンでもOK

皆さん、こんにちは♪シマザキです。ニコニコ

お待たせいたしました! 

本日は新作ボタン発表と、
「手動で記事中用RTボタンを設置する方法」
についての解説です。


>> 新作ボタンはここをクリック <<
http://free-sozai.jp/twitter/ameblo-kiji/ameblo-kiji001.html


小さめのボタンは、

アメブロのペタ2・読者登録・なう・アメンバーのボタンの
サイズと合わせてありますので、並べて貼ってもイイ感じに作りました♪


↓ こんな風に 音譜

ペタしてね



プライムキューの川島さんのフォローミーボタンと組み合わせてみました。

↓ こんな感じで ラブラブ

フォローミー


↓川島さんのフォローミーボタンはこちら

売れる企画の立て方・書き方☆プライムキュー夢語ログ
ツイッターの“フォローミー”ボタン(オリジナル30個)を公開!



この方法は少し、手間はかかりますが、アメブロはもちろん、他のブログや
普通の一般的なサイト、どれにでもどこにでも確実にRTボタンを表示できる
方法なので、知っておいて損はないですよ。目


------------------------------------------

星 手動設置はこんな方におススメ 星


・本ブログ配布のRTボタンが表示されないアメブロスキンを使用中である
・記事ごとにRTボタンのデザインを変えてバリエーションを楽しみたい
・フリープラグインが満杯かつ、ボタンのコード(JavaScript)の
外部ファイルは難しそう…orz と思っている


さらに、

・いままで記事中ボタンを試してみたが、
IE(インターネット・エクスプローラ)でエラーが出てしまう…●█▀█▄

という現象も、本ブログ付属の「エンコードボックス」が
解決
してくれます!


これです↓ いつも左サイドバーに置いてあるので
ご自由に利用してくださいね♪

クリックすると新しいウインドウが開きます。

記事中用エンコードBOX

--------------------------------------------


以前、本ブログのこの記事で、記事中用ボタンのつけ方を
解説しました。ここに記載されてある記事中用ボタンのコードは、
コード自体はこれで正しいのですが、


このまま記事に貼ってしまうと、ブラウザによって不具合が出て、
IE(インターネット・エクスプローラ)では時々
うまく機能しない場合がある
ことが分かりました。


IEの場合、日本語の部分がツイッターにうまく転送されず、
エラーになる場合があるようです。
(IEのバージョンによっても異なります)


しかし、このエラーは記事中用RTボタンのコードの中の
日本語表記の部分を「エンコード(データの符号化)」することに
よって解決できます。



↓いつも本ブログの左サイドサイドバーに置いておきます☆

$ツイッター活用お役立ち情報&アメブロ用RTボタン(リツイートボタン)-エンコードボックスの場所


また、本日の発表しました新作ボタンのページからも
エンコードボックスをリンク
してあります。


皆さま、ご自由にお使い下さい(ΦωΦ)ノ星



>> 新作ボタンはここをクリック <<
http://free-sozai.jp/twitter/ameblo-kiji/ameblo-kiji001.html


以下の方法で、RTから後の部分を以下の方法でエンコードしてから、
記事に貼るようにすると、IEでも問題なく機能するようになります。


------------------------------------------------------------


メモ 記事中RTボタンの設定方法


1 記事URLを取得する

  記事をいったん「下書き保存」します。

⇒ 記事の編集から、対象の記事を右クリック

⇒ 「リンクのURLをコピー」をクリックすると、
  クリップボードにURLがコピーされた状態になります。


$ツイッター活用お役立ち情報&アメブロ用RTボタン(リツイートボタン)-記事にRTボタン001




2 このページから、あなたが使いたいボタンの
コードを選んで、以下の箇所をコピペで書き換えます。



【例 1】


<a alt="この記事をツイッターでつぶやく" title="この記事をツイッターでつぶやく" target="_blank" href="http://twitter.com/home?status=RT @あなたのツイッターID 記事のタイトル 記事のURL"><img src="http://free-sozai.jp/twitter/ameblo-kiji/amekiji-buttons/ani-kiji-retweet001-grey.gif" /></a>


@あなたのツイッターアカウント ⇒ @Yo_Shimazaki

あなたの記事タイトル ⇒【割と正確なツイッターの性格診断サイト】

あなたの記事のURL ⇒ http://ameblo.jp/infostock/entry-10588100237.html

↓   ↓

【例 2】

こんな感じで書き換えができました。

<a alt="この記事をツイッターでつぶやく" title="この記事をツイッターでつぶやく" target="_blank" href="http://twitter.com/home?status=RT @Yo_Shimazaki 【割と正確なツイッターの性格診断サイト】 http://ameblo.jp/infostock/entry-10588100237.html"><img src="http://free-sozai.jp/twitter/ameblo-kiji/amekiji-
buttons/ani-kiji-retweet001-grey.gif" /></a>



ベル チェックポイント 

@アカウントと記事タイトルと記事URLの間はくっつけず、
必ず半角スペースで区切りましょう




3 RT以下をボックス内にコピーして「変換」ボタンを
クリックし、エンコードします。




RT @Yo_Shimazaki 【割と正確なツイッターの性格診断サイト】 http://ameblo.jp/infostock/entry-10588100237.html

↓   ↓   ↓

エンコードして、

RT+%40Yo_Shimazaki+%e3%80%90%e5%89%b2%e3%81%a8%e6%ad%a3%e7%a2%ba%e3%81%aa%e3%83%84%e3%82%a4%e3%83%83%e3%82%bf%e3%83%bc%e3%81%ae%e6%80%a7%e6%a0%bc%e8%a8%ba%e6%96%ad%e3%82%b5%e3%82%a4%e3%83%88%e3%80%91http%3a%2f%2fameblo.jp%2finfostock%2fentry-10588100237.html

↓   ↓   ↓

これを、こんな感じに組み入れれば出来上がりです。

<a alt="この記事をツイッターでつぶやく" title="この記事をツイッターでつぶやく" target="_blank" href="http://twitter.com/home?status=RT+%40Yo_Shimazaki+%e3%80%90%e5%89%b2%e3%81%a8%e6%ad%a3%e7%a2%ba%e3%81%aa%e3%83%84%e3%82%a4%e3%83%83%e3%82%bf%e3%83%bc%e3%81%ae%e6%80%a7%e6%a0%bc%e8%a8%ba%e6%96%ad%e3%82%b5%e3%82%a4%e3%83%88%e3%80%91http%3a%2f%2fameblo.jp%2finfostock%2fentry-10588100237.html"><img src="http://free-sozai.jp/twitter/ameblo-kiji/twitter-bottons/kiji-retweet001-yellow.png" /></a>


--------------------------------------------------------------


最後に必ず自分でボタンをクリックして、きちんと表示されるかどうか
確認をして下さいね。


【著作権について】

画像の二次配布とか販売はしないで下さいね。

それを守っていただければ、アメブロはもちろん、
アメブロ以外のブログでも、バンバン使ってください
ヽ(´ー`)ノ


>> 新作ボタンはここをクリック <<
http://free-sozai.jp/twitter/ameblo-kiji/ameblo-kiji001.html



さらに、このあと、次回以降の特集⑤に続きます。お楽しみに!

本日も最後までお読みいただきまして、ありがとうございました。

シマザキ







Twitterボタン
↑ここをクリック!↑
アメブロ専用RTボタンは、
こちらのサイトから簡単に
ご利用いただけます。


皆さん、どんどんご利用下さいませm(_ _)m
ペタしてね

読者になる



【特集③・記事中用アメブロRTボタン】手動設置と自動設置の各メリットとデメリットについて

皆さん、こんにちは♪シマザキです。ニコニコ


本日は【記事中用の】アメブロRTボタン特集③ ということで、


明日以降に発表予定の記事中用RTボタンの、手動設置と自動設置の
メリットとデメリットについて説明
したいと思います。


------------------------------------------


これまでアメブロの「記事中」にRTボタンを表示する方法としては、
記事でJavaScriptが使えないため、手動で毎回、
設定する方法しかなかったのですが、


今回、「記事タイトル」部分、「記事フッター」部分にRTボタンを
表示する場合と同様に、


1 最初の1回の設定で、
2 記事の本文と記事下部の広告(アドワーズ)の間という最高のポジションに、
3 毎回自動的にRTボタンを表示する方法ができました。



また、(本特集の次回以降で)記事中用の新作ボタンを発表します。



ということで、
本日は「手動」「自動」それぞれのメリットとデメリットについて、
前もって説明しておきたいと思います。



-------------------------------------


クローバー 手動で記事中用RTボタンを設置する方法について

(予告: 明日以降の特集④で詳しくやり方を解説)


少しだけ手間はかかりますが、全てのデザインのアメブロ
または他ブログやその他の一般的なサイト、
どれにでも確実にRTボタンを表示できる方法です。



【こんな方におススメ】


星 本ブログ配布のRTボタンが表示されないアメブロスキンを使用中の方
星 記事ごとにRTボタンのデザインを変えてバリエーションを楽しみたい方
星 フリープラグインが満杯かつ、ボタンのコード(JavaScript)の外部ファイルは難しそうで躊躇している方


●メリット

・アメブロだけではなく、PC用の全てのブログ・サイトに設置可能
・記事中のどの位置にも設置が可能
・エンコードを行うことでFireFoxでもIEでも同様に機能


●デメリット

・自動ではないので、毎回、同じ手順で設置する必要がある


--------------------------------------------


クローバー 自動で記事中用RTボタンを設置する方法

(予告: 以降の特集⑤で詳しくやり方を解説)


これまでの「記事タイトル」部分、「記事フッター」部分の表示と同様に
最初1回の設定で、毎回自動的に表示する方法です。


【こんな方におススメ】


星 本ブログ配布のRTボタンを設置していて、気に入っている方
星 本ブログ配布のRTボタンを複数設置し、この機会にJavaScriptの外部ファイル化に挑戦したい方


●メリット

とにかくラクで便利♪

・最初の1回だけ設定すれば、あとは何もしなくても
 毎回@ツイッターアカウント+記事のタイトル+記事URLが表示される


●デメリット

・RTボタンが表示されない、いくつかのアメブロスキンでは利用できない

 詳細はこちら⇒RTボタンが表示されないデザインのお知らせ


・フリープラグインの3800字制限に引っかかった場合、
ボタンのコード(JavaScript)を外部ファイル化する必要がある


外部ファイル化は、少し努力が必要ですが、
これも1回設定すれば、あとはほったらかしでOKですので、


「外部ファイル化したいのだけれど…」と考えていた方は、
ぜひ、この機会にチャレンジされてはと思います。


私も頑張って、解説を詳しく書くつもりです。音譜


では、本日も最後までお読みいただきまして、ありがとうございました。


シマザキ







Twitterボタン
↑ここをクリック!↑
アメブロ専用RTボタンは、
こちらのサイトから簡単に
ご利用いただけます。


皆さん、どんどんご利用下さいませm(_ _)m
ペタしてね

読者になる


【RTボタンで戦略的アクセスアップ・その②】RTボタンに@ツイッターアカウントの設定が必須な理由

皆さん、こんにちは!シマザキです。ニコニコ


先日の特集①の記事では、比較的フォロワーさんが多く、
アメブロ歴も長い方からの評価(リツイート)を多くいただきました。


【RTボタンで戦略的アクセスアップ・その①】アクセスを呼び込むツイッターでの@返信の方法
http://ameblo.jp/infostock/entry-10672416494.html



本日の記事も、非常に重要なことを書きます。


さて本日の話題は「RTボタンの設定の際には
@ツイッターアカウントが必須」という話題です。


本ブログで配布しています「アメブロ用RTボタン」については
自動的に@ツイッターアカウントが入る仕掛けになっていますが、


たまに@アカウントを入力していないコードのまま
RTボタンを使っているのを見かける
ので、

(見かけたら私もお知らせするようにしていますが)

心配な方は、この記事の下の手順をふんだかどうか、
この機会にチェックしてみて下さいね。



この@ツイッターアカウントの設定は、
ツイッターでRTの交流をして、
あなたのブログのアクセス数を
伸ばすための、重要なポイントになります。



なぜなら、@アカウント名を入れないと、
自分のツイッターの画面を見ている限りでは、
誰かにRTしてもらったことに気がつかない場合が多いから
です。



-------------------------------------


先日の特集①の記事で書きましたように、


あなたのブログのアクセスを伸ばすためには、
ブログを持っている自分のフォロワーさんとの交流が必須
です。


こうすることによって、
あなたのフォロワーさんと相手のフォロワーさんの両方に
あなたのブログの情報を繰り返し伝えることができます。


そして、RTをしたブログの相手の方とは、
「ご紹介ありがとう」的な感じで、仲良くなることができます。


以下に図式にまとめました音譜


登場人物 @usausa さん…フォロワー2,000人
     @p-sweater さん…フォロワー3,000人


この図の例のように、ある程度のフォロワーさんのいる
ブロガーさん同士でRTで交流すれば、1回のやり取りだけで
5,000人に情報が流れることになります。


これを複数のブロガーさんたちと行えば、
あなたのブログ記事URLは、相乗効果で多くの人の目に
触れることになります
ね。



$ツイッター活用お役立ち情報&アメブロ用RTボタン(リツイートボタン)-ブログでRTする効果


よく、ツイッターをビジネスに活用するには、
最低でも一万人以上のフォロワーが必要だとか
言われることがあります。


もちろん、リアルの世界と同じで、自分にあう
フォロワーさんや、上の図のようなブロガーの協力者さんに
出会うためには、


どうしても、沢山のフォロワーさんとの出会いを求めないと
出会えないのは事実ですし、あなたが流したツイートを
見てくれるフォロワーさんがいないといけないので、


フォロワー数はどうしても、ツイッターをビジネス活用するための
重要な要素の1つになります。



しかし、ツイッターの場合、数と同じくらい重要なことは、
上記の例のように、
他のブロガーさんとのRTを使った交流の中で、
お互いにWIN-WINの関係を築くことであると言えます。



フォロワーさんでも、ツイッターにログインしている時間帯が
一緒で、実際にリアルタイムでのツイートができると
仲良くなる確率が高いですが、


一方でログインしている時間帯が異なっていることで、リアルタイムでは
ほとんど会話をしたことのないフォロワーさんもいらっしゃいます。


その場合でも、@リプライでのやり取りによって、
時間差があっても親しくなれる可能性のあるのが、
ツイッターの大きな特徴であるといえるでしょう。


相手のブログについているRTボタンをクリックするくらいなら、
ツイッターにログインする時間帯がお互い異なっていても、
何の問題もなく、交流することが出来ます
ね。



以上の点を踏まえて、積極的にブロガー同士の交流を行うことが、
ツイッターで出来るだけ多くのアクセスを呼び込むための
重要なポイントと言えます。



----------------------------------------


クローバー 本ブログ配布の「アメブロ用RTボタン」の
  @ツイッターアカウントの設定の確認



この記事をご覧になった方で、心当たりのある方は
ぜひ設定を確認してみましょう。なすなすなす


「アメブロ用RTボタン」のサイトで、
Your ID と書かれているボックスに、
あなたのツイッターアカウントを
入力して「GO」ボタンをクリックすればOKです。



↓クリックして拡大
$ツイッター活用お役立ち情報&アメブロ用RTボタン(リツイートボタン)-アメブロ用RTボタンの設定


これを入力しないでRTボタンのコードをフリープラグインに
入れた場合、そのままクリックすると、ツイッターの公式ページが
新しく開いて、サイトのURLと記事の名前は正しく入力されているのですが、


あなたのツイッターアカウントが表示されるべき部分は
@YourLink と書かれてしまいます。



設定したら、1回は必ず自分でボタンをクリックして、
きちんと@アカウント・記事タイトル・URLが表示されているかどうか
確認してみましょう。



では、本日も最後までお読みいただきまして、ありがとうございました。

シマザキ







Twitterボタン
↑ここをクリック!↑
アメブロ専用RTボタンは、
こちらのサイトから簡単に
ご利用いただけます。


皆さん、どんどんご利用下さいませm(_ _)m
ペタしてね

読者になる