*

ホームページやブログに新ツイッターウィジェットを表示する-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

2ちゃんねるのサーバーダウンとF5キー

某世界最大匿名掲示板2ちゃんねるが3月1日午後から某隣国からのサイバー攻撃によるサーバーダウンにより

記事を読む

no image

携帯電話・固定電話からスカイプオンライン番号への発信通話料を考察する

 拙過去記事「スカイプとは何か auスカイプ付き携帯が失敗するであろう理由」にスカイプオンライン番号

記事を読む

no image

YahooリスティングMFOっぽいサイトドメイン報告

 『滝井秀典 キーワードマーケティング・ブログ』さんの記事「MFOという大問題(怒)~Yahoo!リ

記事を読む

no image

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

ツイッターフォロー公式ボタンをブログやホームページに設置する方法です。「ホームページやブログにツイ

記事を読む

no image

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

※ 2012年10月18日、新ツイッターウィジェット設置に関する記事をアップしました。  → ホー

記事を読む

no image

ウェブ制作者から見たIE6(インターネットエクスプローラー)と他のブラウザの違い

2010年3月4日、アメリカコロラド州でIE6の葬儀イベントが行われた。米国のAten Desig

記事を読む

no image

Yahoo!リスティング広告とGoogle Adwordsで「ワンタイムデビット」を使用してみました

ジャパンネット銀行「ワンタイムデビット」(JNBカードレスVisaデビット)の利用可能ネットショップ

記事を読む

no image

インターネットでラジオの生放送が聴けるようになりました(地域限定)

朝からいろいろ聞いています。非常にクリアな音です。横浜人としては文化放送がクリアに聞こえるというの

記事を読む

no image

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

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

記事を読む

no image

インターネット検索を利用するということ

 以前、70歳近いばりばり社会経験があって引退された女性とお話ししていて、その方はEメールも毎日送受

記事を読む

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 ↑