横浜でHP制作・IT事務・テープ起こしを行う会社ブログ » ツイッター

IE8やFireFox等でツイッターウィジェットが表示されない場合の対処方法

haruku-up — Wed, 21 Dec 2011 03:14:20 +0000

　自分のホームページやブログにtwitter公式タイムライン（プロフィールウィジェット）が表示されない場合の対応備忘録です。

　IE9やGoogle Chromeなど、他のブラウザでは表示されるのに、IE8やFireFoxではツイッタープロフィールウィジェットの部分が表示されない場合についてです。

原因

　この場合は、恐らく、ページ（サイト）自体の文字コードがutf-8以外に指定されていることが原因です。多くの該当サイトは文字コードが”Shift_JIS”のはずです。ツイッタープロフィールウィジェットはutf-8の文字コードでしか機能しないことが原因と思われます。

対処方法

　ツイッタータイムラインコードの最初の部分

　これを以下のように追記してアップしてみましょう。

　サイト（ページ）全体の文字コードをutf-8に変えてしてしまうのも方法の一つですが、逆に今まで正しく表示されていた部分が文字化けする等のふぐあいが出る可能性もありますので、手軽に上記部分のみを追記してみるのがベターです。

【文字起こし】ホリエモンの満漢全席(2010年7月25日ゲスト：津田大介,ひろゆき)

haruku-up — Mon, 26 Jul 2010 13:30:30 +0000

2010年７月25日にニコニコ生放送された『ホリエモンの満漢全席』の一部文字起こしです。視聴者からの質問、ツイッター関連を書き起こしてみました。（ゲスト：西村博之氏、津田大介氏）

※該当エントリーは堀江氏マネジメント会社の依頼に応じ、公開を一時停止します。

座談会のテープ起こしはITテキストサービスへ。

【Tweetable】ブログ更新時の自動ツイートでタイトルが挿入されない不具合解決備忘録

haruku-up — Sun, 21 Mar 2010 06:18:56 +0000

WordPressのブログ新規投稿をツイッターへ自動でつぶやいてくれる「Tweetable」ですが、設定した接頭語句とURLしか自動ツイートしてくれない現象に悩まされていました。いろいろ調べて接頭語句を短くする、タイトルに記号を入れないなど試してみるも解決せず、あきらめかけていたところ、何となく短縮URL（URL Shortener）を変更してみたら解決しました。といってもまだ数回の成功結果なので断言してはいけないかもしれませんが、もし同様の現象でお悩みの方は試してみるのもいいかもしれません。短縮URLの種類のよし悪しについては全くわかりません。

※追記
この投稿を見たらやっぱりだめでした。あえて墨つきパーレンでTweetableの文字を囲ってみたのですが、この約物（記号）がまずいのでしょうか。次は記号抜きタイトルでやってみます。

「Tweetable」でRTボタンを設置する（Tweetmeme Button）

haruku-up — Thu, 11 Mar 2010 13:57:13 +0000

ツイッターからのアクセス数とRTを表示するボタンを設置するの記事でRTボタンを設置しましたが、ブログの更新を自動的にツイッターにツイートしてくれるWordPressプラグイン「Tweetable」にもその機能がありました。重複しますがせっかくなので設定してみました。

設置方法

「Tweetable」設定画面→Tweetmeme Buttonの「Display ○○ button」のどちらかを選ぶと記事にRTボタンとRT数が表示されます。

（設定は２パターンあります）

「Display full button」だと吹き出しでRTの数がRTボタンの上部に表示されます。場所はこのブログだと記事右上に自動的に表示されました（右上にあると思います）。「Display compact button」を選ぶとむき出しのRT数とRTボタンが並んで表示されます。このブログだと関連記事（人気記事）の上部に表示されました。

「tweet」ボタンをクリックすると、ツイッターにアクセスし、リツイートが行えます。数字をクリックするとtweetmemeサイトに飛び、RTの詳細が表示されます。

Auto-Tweet Posts Prefixのふぐあい

リツイートとは全く関係ないのですが、「Tweetable」にはブログの自動ツイート時に定型接頭語句を挿入する機能があります（Auto-Tweet Posts Prefix）。これを利用しているのですが、接頭語句が挿入されたりされなかったりして困っています。接頭語句が短くても長くても、その後に続くタイトル文言が長くても短くてもランダムに不具合現象が起こるので、記事公開のタイミングで他のプラグインか何かと何らかのイレギュラーがあるのかもしれません。原因がわかる方は教えてください。

ツイッターフォローミーボタンをブログやホームページに設置する

haruku-up — Tue, 09 Mar 2010 21:56:47 +0000

ツイッターフォロー公式ボタンをブログやホームページに設置する方法です。「ホームページやブログにツイッター（twitter）を表示する」の記事で書いた手順とほぼ一緒です。

Twitter活用術ページに行きます。
ウィジェットの右側「Buttons　Promote your Twitter account by adding good-looking buttons to your website.」をクリックします
ボタンを選ぶページになりますので、お好きなボタンをクリックすると、ソースコードが範囲選択された形で表示されます。これをコピーし、ブログやホームページの設置したい場所にペーストし、保存（ホームページならアップロード）しましょう。ボタンを選択するだけで、あなたのツイッターアカウントURLが自動的に挿入されるので、コピーペーストの間に行う作業はありません。

ツイッターもなれてくるとフォローの仕方もわかってきてボタンがなくても大丈夫ですが、まだよくわからない人にフォローを促すにはよいツールかと思います。

◆横浜周辺でウェブサイト運営のご相談は「合同会社ハルクアップ」（横浜ホームページサービス）

ツイッターからのアクセス数とRTを表示するボタンを設置する

haruku-up — Tue, 09 Mar 2010 21:19:01 +0000

WordPressにツイッターからのアクセス数とRTを表示するボタンを設置する方法です。いろいろあると思いますが、以下のサイトの方法を採用させていただきました。

Twitterからのアクセス数とRTを表示するボタン」（Sphinn Japan Blog）

詳細は上記リンク先でご確認いただくとして、手順の抜粋です。

設置したいページの内に下記のコードを記述する。

個別記事に表示させたい場合はsingle.phpのの直前に挿入、で大丈夫です。
管理ページ→「外観」→「編集」→「単一記事の投稿（single.php）」
表示させたい箇所へ下記のコードを記述する。

”> by @あなたのTwitterアカウント名

「あなたのTwitterアカウント名」は文字どおりあなたのツイッターアカウントに書きかえてください。例えばあなたのアカウントがhttp://twitter.com/haruku-upなら、「haruku-up」です。これは記事の直下に表示されるように記述しました。サイドバーに載せたい場合は両コードともに忘れずにサイドバーに記述しましょう。片方だけだと正しく表示されません。

当面、これで行きますが、ちょっと読み込みがおそくなった気がするので、もしかしたら近々別のものを試すかもしれません。

◆横浜でウェブサイトの見直しのご相談は「合同会社ハルクアップ」（YHS横浜ホームページサービス）

ツイッターの「プロフィールウィジェット」の一部を再設定する

haruku-up — Fri, 26 Feb 2010 00:09:56 +0000

自分のサイトやブログにツイートを表示するツイッター公式ウィジェット「プロフィールウィジェット」ですが、一度設定してソースコードを作成し、ページやブログに張った後、改めてデザインを変更しようとすると、またツイッターの該当ページから設定し直さなければなりません。一度設定した情報が残っていればいいのですが、初期設定に戻ってしまっているので、一部の修正のために全部の設定をやり直さないといけません。いけてません。

そこでかえたい部分のみピンポイントで修正する方法の紹介です。既に張りつけてある現在のソースコードを開き、かえたい部分の数値などをかえるという方法です。

各該当部分の説明

右の図のようなソースコードがあるはずです。主なものを解説します。

見た目関連

rpp: 表示するツイートの数。数字を半角で書きかえましょう。
interval: ループ時のインターバル時間。2000がミニマムの２秒と思われます。５秒間隔でループさせたければ5000と書きましょう。
width: 横幅。半角数字で書きかえましょう。’auto’とすれば、横幅自動設定です。
height: 高さ。半角数字で書きかえましょう。
shell:background: 外枠の背景色。#を先頭に16進数でカラーコードを書きかえましょう。
shell:color: 外枠の文字色。#を先頭に16進数でカラーコードを書きかえましょう。
tweets:background: ツイートの背景色。#を先頭に16進数でカラーコードを書きかえましょう。
tweets:color: ツイートの文字色。#を先頭に16進数でカラーコードを書きかえましょう。
tweets:links: リンクの文字色。#を先頭に16進数でカラーコードを書きかえましょう。

機能関連

チェックボックス系（YorN）は「true」（はい）か「false」（いいえ）で。

scrollbar: スクロールバーを含めるか否か（Include scrollbar?）
loop: ツイートをループ表示させるか（Loop results?）
live: 最新投稿を自動表示させるか（Poll for new results?）※[Timed Interval]を選択時
hashtags: ハッシュタグを表示させるか（Show hashtags?）
timestamp: 投稿時刻を表示させるか（Show Timestamps?）
avatars: アバターを表示させるか（Show Abatars?）
behavior: ‘all’ですべてのツイートをロードする（Load all tweets）。’default’で（Timed Interval）。
※ループ表示を’false’にしても、ここを’all’にしないとループします

ソースを書きかえたら保存し、ウェブページならアップロードし直しましょう。これで変更した部分だけが変わり、それ以外は元の設定のままのはずです。

横浜周辺でウェブサイト運営のご相談は「合同会社ハルクアップ」（横浜ホームページサービス）

WordPressの投稿を自動的にツイートするプラグイン「Tweetable」

haruku-up — Thu, 25 Feb 2010 07:40:34 +0000

思うところあって、弊社もツイッターアカウントを取得してみました。で、ブログの更新を自動的にツイッターにつぶやいてくれるプラグイン「Tweetable」を入れてみました。

Tweetable導入方法

こちらのブログ記事↓を見れば一目瞭然です。すばらしいです。
[wordpress]Twitter連携用プラグインTweetableが便利すぎる！

上記ブログの記事では英語バージョンのようですが、現行バージョン（Version: 1.1.8）は大半は日本語化されています。
「お知らせ機能」「ウィジェットの大きさ」はわからないのでスルーしました。でもきちんとブログ更新が反映されたのでよしとします。

ついでに公式サイトトップページにウィジェットを設置してみました。「Tweetable」でコードの取得もできるので、それをコピペすればブログに自動通知もできます。設定画面からつぶやきを投稿することもできます。

ちなみにあんまりこの記事とは関係ないのですが、ツイッターアイコン用の画像は日本語マルチバイト文字のファイル名だとアップロードされない？みたいです。

横浜周辺でウェブサイトのリニューアルなら「合同会社ハルクアップ」（横浜ホームページサービス）

ホームページやブログにツイッター（twitter）を表示する

haruku-up — Wed, 24 Feb 2010 09:07:18 +0000

　自分のホームページ（ウェブサイト）やブログに自分のツイートを表示する方法について、お店のホームページにツイッター（twitter）を利用するの記事で「（該当ウィジェットは）アカウントページから探せば見つかります」と簡単に言ってしまいましたが、結構見つけづらいことに気がついたので、アカウントページからのたどり着き方を補足します。（2011.8改訂）

　※サイトの文字コードによって、IE8やFireFoxブラウザにてツイッタープロフィールウィジェットが表示されないことがあります。その場合の対処方法はこちらの記事の内容をお試しください。

ツイッターウィジェット作成ページへのアクセス方法

ツイッターにログイン
右上アカウント名プルダウン→設定をクリック
「プロフィール」タブ→webの(あなたのWEBサイトにもTwitterを表示させよう)のリンクをクリック
「Twitter社について / 素材」画面→ウィジェット画像または「全てのウィジェットを見る」をクリック
（素材＞ウィジェットを選んでくださいページが開く）
「ウィジェットを選んでください」画面→「自分のサイト」をクリック
「ウィジェットを選んでください」画面→「プロフィールウィジェット」をクリック
「プロフィールウィジェットをカスタマイズする」画面→デザインやサイズなどをお好みに調整し、下部にある｢完了＆コード取得｣ボタンをクリック。
HTMLソースコードが表示される。コピーして自分のホームページやブログに張る。

以前とリンクの場所が変わっているような気がします。また変わるかもしれませんが、現在（2011.8）はこのようです。

フォローボタンもあり

このウィジェットのあるサイトには、ウィジェットのほかに、フォローをうながす画像ボタンもあります。ツイッターをサイトやブログに設置したら、とりあえずこの２つを置いておけばいいのではと思います。

横浜周辺でウェブサイト運営のご相談は「合同会社ハルクアップ」（横浜ホームページサービス）

お店のホームページにツイッター（twitter）を利用する

haruku-up — Sun, 21 Feb 2010 18:48:31 +0000

昨年来、ちまたで人気のツイッターですが、今イチ利用の仕方がよくわからないという方に、利用方法の１つを紹介します。

（お店のサイトでリアルタイムにつぶやき更新）

上の画像は弊社で管理している神奈川県横浜市神奈川区六角橋の「炭火串焼きおが屋」本店さんサイトのトップページです。画像右下部分にツイッターのタイムラインを設置しました。ここにはそれ以前にも「お知らせ」欄を設け、臨時休業やスペシャルな入荷があった際にお店の人が更新して告知をしていましたが、そういった告知であるならばツイッターが便利ではないかということで、アカウントを取得し、公式サイトにツイートを載せることとなりました。ツイートを書き込むごとにリアルタイムにサイト上のタイムラインも更新されていきます。Googleリアルタイム検索にも瞬時に反映されます。

リアルタイムに情報が伝播する

以前の「お知らせ」でも、サイトを見に来た人には更新情報が伝わりますが、リアルタイムにその情報をゲットし損ねる確率が高いのもまた事実です。ツイッターであれば、フォローしている人がいれば、その人のツイッターアカウント（タイムライン）にリアルタイムに発信情報が伝わります。サイトを見てツイッターを利用していることを知れば、お店をチェックしたい人がフォローしてくれます。

小売り業には最適な発信ツール

日々、新しい商品の入荷やサービスの更新がある商店などは、ツイッターを利用して情報発信することにより、お店のファンでツイッターをやっている人にリアルタイム情報が伝わります（あなたのお店をチェックしているツイッター利用者は、きっとあなたのツイッターをフォローするはずです）。弊社のような、余り日常的に商品やサービスの入れ替わりがないような業種だと効果がちょっと薄いのであれですが、小売業を営んでいる方は、この無料の情報発信サービスを利用しない手はないと思います。

自分のツイートを載せるには

ツイッターはアカウントの取得（つぶやきをする）が無料であるばかりではなく、おが屋さんのように自分のツイートタイムラインを自サイトに載せるのも無料で簡単にできます。このパーツはツイッター公式のものなので、アカウントページから探せば見つかります。ソースコードをサイトに張るだけです。ツイッターを土台とした他社のアプリケーションもたくさんあります。もっとよいパーツもあるかもしれませんが、告知だけならこれで十分だと思います（あり過ぎて突き詰める暇がない言いわけでもあります（笑）。何か良いパーツがあったら教えてください）。

情報発信ツールとしてのツイッターとブログ、メール、メルマガ等の違いについては、またの機会に書こうかなと思っています。

横浜周辺でウェブサイトについてのご相談は「合同会社ハルクアップ」