*

ホームページやブログに新ツイッターウィジェットを表示する-2012.10

 いつの間にかツイッター公式ウィジェットが仕様変更していたので、紹介です。
 大きく変わった点は、

  1. 枠や背景色の細かい設定ができない。
  2. 画像・動画を投稿すると、ウィジェットのタイムラインに表示される

 この2点かと思います。1番目の色の設定は、明るい・暗いの2種から選べますが、デザインにより、どうしても合わないサイトも出てくると思うのですが、ツイッター側としてはその辺どう考えたのか、興味深いです。
 2番目の画像・映像が表示されるのは、画像・動画でお知らせ等が多い人に非常に有効だと思います。今までは画像を投稿しても、リンクが表示されるだけでした。ぱっと見で伝えたいことがある場合は、やはり直に画像が表示されたほうがいいと思います。

 下がサンプルです。画像自動表示はウィジェット作成時に非表示も選択できます。大きさもおよそ設定可能です。

六角橋の炭火串焼きおが屋本店新ツイッターウィジェット画像

テーマ「暗い」タイプ

瀬谷のドッグサロンハッピーモモツイッターウィジェット画像

テーマ「明るい」タイプ

ウィジェット作成方法

  1. ツイッターにログインし、設定をクリック。
    ウィジェット設定1
  2. 新規作成をクリック
    ウィジェット設定2
  3. 各オプションを設定
    ウィジェット設定3

    • 「ユーザー名」は、既に入っているはずです。違うユーザー名にしたらどうなるのでしょうか。
    • 「高さ」は、600が初期設定で入っているはずです。お好みに変えられますが、最小で220だったような気がします。
    • 「テーマ」は前述のとおり、「明るい」「暗い」しかありません。この下のチェックボックス「画像を自動的に開く」にチェックが初期設定で入っています。これを外すとウィジェットタイムラインに画像が表示されなくなるのでしょう。でしょうというのは試していないからです。古いタイムライン同様、画像へのリンクが表示されるのかと推測します。
    • 「リンクの色」は、「初期設定(青)」の箇所をクリックするとカラーパレットが表示され、いかようにも設定できます。テーマにも欲しい機能です。
    • 「ドメイン」は、初期値で「(何らかのURL),example.com」と入っているはずです。「入力してください」と書いてありますが、入力する理由はよくわかりません。そういうものは、世の中によくあります。入力しないとどうなるのでしょうか。
    • 最後の「Twitterのカスタマイズ機能を無効にする」のチェックもよくわかりませんが、これを無効にする(チェックを入れる)と、後述の「幅」設定ができなくなるのかもしれません。
  4. 上記オプション設定が決まったら、その下「変更を保存する」をクリックします。右下にコードが生成されます。全選択→コピーし、サイトに張りつければ完成です。
    ウィジェット設定4

幅の設定

 ウィジェットの幅は、自動で設定してくれますが、自分で設定することも可能です。コードのaタグ内に「width=”任意の数値”」を入れましょう。ただし、限界値が幅にもたしかあったと思います。
ツイッターウィジェット幅設定方法

古いツイッターウィジェット

 この新ツイッターウィジェットではなく、以前のツイッターウィジェットでも、現在普通に表示されています。そちらのほうが、やや複雑ですが、テーマの設定が細かくできるので、新ウィジェットの「明るい」「暗い」でどうしてもサイトイメージに合わない方は、新ウィジェットはあきらめて、古いウィジェットを使い続けたほうがいいかもしれません。

 古いウィジェットは、文字コードによって、ある種のブラウザで全く表示されないこともあるため(これ対応での仕様変更?)、また、やはり投稿画像が自動で表示されるのがお知らせ・新着情報発信にメリットがかなりあると思われますので、新ツイッターウィジェットを試されるのもよろしいかと存じます。

関連記事

no image

グーグルアドワーズで除外キーワードを設定する

クリックごとに料金が課金されるリスティング広告「Google Adwords」ですが、クリックされな

記事を読む

no image

ジャパンネット銀行のワンタイムデビットを「お名前.com」で使ってみた

ジャパンネット銀行のワンタイムデビット利用可能ネットショップ調査「お名前.com」編です。 結果は

記事を読む

no image

無料ファイル転送サービスで音声ファイルを送付しよう

高速通信(ブロードバンドなんて言いましたね)が普及し、企業などではFTTH(光ファイバー通信)が当た

記事を読む

no image

WP Social Bookmarking Lightで「いいね」ボタンを設置してGoogle Analyticsを使っていたら必ずしたほうがいい設定

※10月11日修正追記  facebookのいいねボタンをサイトに設置し、Googleアナリティク

記事を読む

no image

画面解像度(横幅)の適切なサイズを検証する

昔に比べて高機能なパソコンが多くなり、画面も連れて高解像度になってきています。ウェブサイト(ホームペ

記事を読む

no image

【D-FAX】維持費無料のファックスメール受信サービスの紹介

ビジネスでもいまやEメールの時代ですが、まだファックスを利用している方も多くいらっしゃいます。Eメー

記事を読む

no image

グーグルパックマンの攻略法?

 5月22日~23日限定でグーグルホームページでプレイ可能だったビデオゲーム「パックマン」が、ページ

記事を読む

no image

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

自分のサイトやブログにツイートを表示するツイッター公式ウィジェット「プロフィールウィジェット」ですが

記事を読む

no image

Yahoo!リスティング広告の対象外キーワード設定方法

Yahoo!リスティング広告の対象外キーワード設定方法です。Google Adwordsでは「除外キ

記事を読む

no image

スカイプとは何か auスカイプ付き携帯が失敗するであろう理由

 au(KDDI)がスカイプを使える携帯電話を発表した。「禁断のアプリ」と大仰にうたっているが、スカ

記事を読む

Comment

  1. 須川昭善 より:

    ありがとうございます。

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

postagestamp01
未使用の切手(貼付済み)を剥がさずに簡単に再利用する方法備忘録

 封筒に貼ってしまってある未使用切手を再利用する方法を郵便局で教わった

kindle_sort
Kindle の デフォルト配信先 の変更方法備忘録

コンテンツと端末の管理 端末タブ 端末名「編集」

itts
テープ起こしで知った言葉201501

今月のテープ起こし案件ではこんな言葉を知りました。ありがとうございまし

KIMG0297
日経ビジネス2014.12.01メモ

トヨタミライは補助金込みで約520万円。 企業交際費は199

itts
テープ起こしで知った言葉201412

今月のテープ起こし案件ではこんな言葉を知りました。ありがとうございまし

→もっと見る

PAGE TOP ↑