新・元地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記

自由な20代、窮屈な30代を経て、遂に40代になっちまったWebディレクター&パソコン講師の覚書と思う言(こと)。略称【ちほちゅう】

*

ブログとツイッター(twitter)の連携について一部変更

      2014/11/09

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

1年以上前の記事です。内容が古い可能性があります。

いろいろなサービスを使っていますが、やはり核となるのはブログ。
そして、それに追随するかのように最近ではツイッター(twitter)が重要になってきています。
先日、ちょっとばかりツイッターまわりの環境を整備しましたが、今回はブログとツイッターとの連携についてちょっと見直してみました。
なお、ここで「同期」を使うのは日本語として間違ってると思います。

【PR】
ツイッター 140文字が世界を変える (マイコミ新書)ツイッター 140文字が世界を変える (マイコミ新書)
著者:コグレ マサト
販売元:毎日コミュニケーションズ
発売日:2009-10-09
おすすめ度:4.0
レビューを見る

スポンサーリンク
 

1. 各ページに「Follow me」バッジをつけた

これは、ヘッダー部分のツイッターアイコンを「ついろぐ」へのリンクに変えたのも一つのきっかけ。
あんまり余計なものつけるの好きじゃないんだけど、結構つけている人がいるにも関わらず意外と気にならないもんだなぁと感じたので付けてみることにした。
以下のサイトにいって必要事項を入力し、「UPDATE CODE」を押すとソースを作ってくれます。

Twitter “Follow” Badge for your site / blog
ツイッターフォローバッジ

あとはできたソースを</body>の前に貼りつけるだけ。

2. 各記事に「ヒつぶやく」ボタンをつけた

これに関してはこのあたりを参考に。

livedoor Blogに「twitterでつぶやく」ボタンを設置 : Grope in the Dark… | livedoor Blog(ブログ)
[を] このブログに「twitter でつぶやく」ボタンをつけた

本当は毎日新聞さんが使っている「ヒつぶやく」ボタンが使いたかったんだけど著作権の所在がはっきりしなかったのでTwitterで配布しているアイコンを使いました。

できたソースはこちら

<a href="javascript:location.href='http://twitter.com/home/?status='+'RT%20%40Norisa:%20'+encodeURIComponent('<$ArticleTitle  ESCAPE$>')+'%20'+encodeURIComponent('<$ArticlePermalink$>');" target="_blank"><img src="http://twitter-badges.s3.amazonaws.com/t_mini-b.png" alt="ヒつぶやく" border="0" />つぶやく</a>

「Norisa」のところを自分のアカウントに変えてあげればライブドアブログの方であればどなたでも使えると思います。
これを各記事に貼りつければOK(でもそこが一番難しい

livedoorの独自タグもあるみたいですね。
Blogger Alliance お知らせブログ : Twitterに簡単につぶやける独自タグを実装しました
手軽でいいのですが書式が気に入らなかったので使ってません。

以上、2点を追加しました。

なお、あわせて、「AddClips」を外すことにしました。
個人的に一度も使ったことがないというのが理由です。

 - ツイッター(Twitter), 告知・紹介・ニュース, 覚え書き ,

アドセンス広告メイン

Comment

  1. plankton1219 より:

    $ArticleTitle ESCAPE$

    $ArticlePermalink$
    が反映されないのですが、どうしたらいいんでしょう・・・。
    色々試したのですがお手上げです。
    よろしかったら教えてください。

  2. のりさ より:

    > plankton1219さん
    「<」や「>」がエンコードされちゃってるのかもしれません。
    もしくはソースの置き場所に問題があるとか?

  3. plankton1219 より:

    >>のりささん
    もっかい勉強してきます。
    ありがとうございました。

  4. plankton1219 より:

    >と<を消したらできました! ありがとうございました。

  5. plankton1219 より:

    何度も何度も申し訳ないのですが、
    やはり出来ていませんでした。
    投稿してからソースコードを確認してみると、
    「>」や「<」が、「<」や「>」になってたり、 「border="0" alt="ヒつぶやく"」が「alt="ヒつぶやく" border="0"」 に勝手になってました。 これは何をすれば解決できるのでしょうか。

  6. のりさ より:

    > plankton1219さん
    もしかして、記事を書くときにやってませんか?
    それだとダメかもしれません。

  7. plankton1219 より:

    あ、わかりました(笑)
    そうゆうことでしたか!
    わざわざすいませんでした。
    コメントはすべて消してしまって構いません。
    ありがとうございました。

plankton1219 へ返信する コメントをキャンセル

メールアドレスが公開されることはありません。

  関連記事

foursquareでVenueを捜すのに便利なアプリ【iPhoneアプリ】

1年以上前の記事です。内容が古い可能性があります。foursquareはアメリカ …

世界シェアで「Windows 7」が「XP」を抜いてトップに

1年以上前の記事です。内容が古い可能性があります。自分、まだ「Windows 7 …

誰でもフィギュアメーカーに。オンライン3Dプリンタ出力販売(マーケット)サービス「rinkak(リンカク)」

1年以上前の記事です。内容が古い可能性があります。これはまたかなり先ゆくサービス …

今年の参議院議員通常選挙はインターネット選挙解禁でFA

何日か前は今年の参院選には間に合わないかもと言われていましたね。

□ 自民公約,初黒星か「ネット選挙解禁が参院選に間に合わない可能性」 – ガジェット通信

この記事をみて少々落胆していたのですが、また自民党がやってくれましたね。
やはり失敗して学ぶことは多いようです。
これはもう、自民党は変わったんだと思わざるおえませんね。

なお、これにより、

  ホームページ、ツイッター、フェイスブックなどを選挙期間中も利用できるようにする。

とのことで一方で、

電子メールによる選挙運動は政党と候補者に限定。送信者の表示を義務づけ、虚偽表示には罰則を設けた。

とのこと。
これに対し、 

民主党とみんなの党はメールを有権者を含めて全面解禁する対案を提出しており、修正協議に入る。

と、これから詳細が詰められていくようです。

当初は色々面倒臭いことが起こりそうですが、これでネット選挙完全解禁に一歩踏み出したということ。
今後の動きに期待したいと思います。 

電波から電力を取り出すiPhone ケース。出資者募集予定

1年以上前の記事です。内容が古い可能性があります。電波から電力を取り出す技術を使 …

no image
ツイッター(twitter)とFacebook(フェイスブック)を連携させる方法

1年以上前の記事です。内容が古い可能性があります。以前、「twitter(ツイッ …

no image
ヨーグルトの次はバナナ!? 今から始める花粉症対策

1年以上前の記事です。内容が古い可能性があります。今までも、甜茶やら、じゃばらや …

第11回川沿い作品展@埼玉県熊谷市

1年以上前の記事です。内容が古い可能性があります。埼玉県熊谷市は市役所北にある成 …

第4回「熊谷B級グルメ大会」in熊谷スポーツ文化公園は熊谷市以外が頑張っていた

1年以上前の記事です。内容が古い可能性があります。普通に紹介記事だけ書けばいいん …

no image
Twitter(ツイッター)でbot(ボット)を見極める方法

1年以上前の記事です。内容が古い可能性があります。ツイッターの使い方は人それぞれ …

血液型オヤジ