テストで登録してみたライブドアブログにソーシャルボタンを設置してみました。
ソーシャルボタンとは、facebookの「いいね」やTwitterの「ツイート」ボタンなどのこと。
よく見ていたライブドアブログには無かったので、ライブドアブログでのソーシャルボタン設置は面倒なのかと思っていたのですが、管理画面から簡単に設定出来ました。
OGP対応もしていて、記事投稿時にオプション設定すればOKです。
以下、設定手順です。
ライブドアブログに「いいね」ボタンとOGP導入
返信
カテゴリーアーカイブ: 道具
アドビ CS6無償アップグレード対象ソフトをいつ買うか？
いくつか、アドビのソフトを使っています。
どうしても必要なのかどうかと云われれば、悩んでしまうほどの使用頻度だけれど、無いと仕事には困るような…。
「CS5.5 を買って、次期バージョン製品を手に入れよう！」キャンペーンが3月26日から始まりました。
まだCS5にアップグレードしてないソフトもある私。
3月31日までのアップグレードキャンペーンでの5,000円キャッシュバックを狙ってもいたのですが、風邪を引いて決断出来ませんでした。
まずは近々仕事で必要なのが確実な感じ（試用版期限切れしそう）のIllustratorをアップグレードしといた方がいいのかな、と。
Photoshop、Fireworksもあり、Mac本体も買いたいし、財布は寒く、頭が痛いです。
WordPressのテーマの変更と、OGPプラグイン『WP-OGP』導入
えいやーっと、このブログで使っているWordPressのバージョンアップと、テーマの変更を作業しました。
- デフォルトの「Twenty Eleven」の子テーマを作り、
- 自分で紹介していたヘッダ画像に変更し、
- OGP対応のために、プラグイン『WP-OGP』をインストールしました。
WordPressブログにプラグインを使わないでOGPを設定してみた
WordPressには便利なOGP対応プラグインがあるらしいですが、プラグインを使わない方法を試してみました。
対象は、このブログです。
次の点が、今回の作業の主なポイントです。
- 個別記事には、それぞれ独自（URL、記事タイトル、説明文、画像など）の設定する
- 個別記事とそれ以外を振り分ける
- アイキャッチ画像は設定していないし、画像のない記事もある
- 記事内の１枚目の画像を取得、無ければデフォルトの画像を表示させる
- テンプレートファイルの改造をなるべく簡単に
- PHPとか、サーバとか、参考書やネットの記事を読んでも、完全に理解できていないから危険
FC2ショッピングカートにOGPを設定する
「いいね！」ボタン設置に引き続き、FC2ショッピングカートにOGP設定を試みてみました。
ＦＣ２無料ショッピングカート
商品ページにOGP(Open Graph Protocol)を設定したのは、「いいね！」をクリックしたときに情報が伝わりやすくするためです。
多分、うまく行ったので、記録。
FC2ショッピングカートに「いいね！」ボタン
ＦＣ２無料ショッピングカート商品ページに、Facebookの「いいね！」ボタンを追加しました。
FacebookのSocial Plugins > Like Buttonから、表示用コードを取得出来ます。
ただ、これだと、全ページ同じです。
商品ページごとに「いいね！」ボタン表示したいです。
そこで、「facebook like（いいね）ボタンを記事ページ（エントリーページ）ごとに表示｜WEBマスターのお仕事」を参考に設置しました。
しかし、ＦＣ２無料ショッピングカートは、タイトルタグ部分が全ページ共通です。
Facebookで表示されるページタイトルが、同じになってしまいます。
それでは効果も少ないかも…ということで、対処法を探しました。
そして、商品詳細ページのタイトルタグ、メタタグ設定をFC2の独自タグを利用してカスタマイズする方法を見つけました。
以前にFC2 ショッピングカートのテンプレートカスタマイズ用マニュアルを確認しつつも、解決法を見つけられなかった私…。
ともかくも、FC2 ショッピングカートの大きな弱点だと思っていたタイトルタグ・メタタグの重複を少し改善できました。
次は、OGPの設定か…。
Google Chrome デベロッパーツールの使い方を再確認
HTML・CSSの調整に、Firefoxのアドオン（拡張機能）「Firebug」を使っています。
普段のブラウザは Google Chrome。
Google Chromeにも同じような機能の Google Chrome デベロッパーツールがあります。
ところが、パネルの表示が英語だし（それだけで…）と、イマイチ馴染めませんでした。
しかし、「Google Chrome Deveoper Tools」はこう使う！ 基本機能チュートリアル & GDD 2011 セッション概要（CodeZine）という記事を見て、距離が縮まった気がします。
Firebugがあるからいいや…と思っていましたが、Google Chrome デベロッパーツールも積極的に使ってみようと思いました。
ネットショップ運営者向け情報
ネットショップ運営者にとって、役に立つのではないかという情報をいくつか集めてみました。
まぁ、リンク集のようなものです。
GoogleがJimdoをPR？
今朝、NHKニュースを見ていたら、Googleが新しいホームページサービスを始めたようなことが紹介されていました。
画面は、Jimdo。
Jimdoは、KDDIからGoogleに変わったのか？と思ったりしましたが、「みんなのビジネスオンライン」というサービスのことのようでした。
“15分で簡単作成”とあります。
確かにホームページという形を作るのは15分で出来ると思います。
しかし、肝心なのは、内容と運用。
簡単なヒント（ポイント）は「みんビズの心得」として、スライドが公開されています。
すでに中身があって公開方法を探していた場合は、試してみるといいかもしれません。
中小企業・個人事業主を対象とし、１年間は無料、２年目以降は有料となります。
アフィリエイトウィジェットを削除
我ながら、アフィリエイトウィジェットのリンクがやかましかったので、削除しました。
楽天とAmazonと。
アフィリエイト収入少ないのに、ただ邪魔な感じのウィジェットを表示しておいてどーする！自分。
ついでに、サイドバーのGoogle Adsenseも削除し、代わりにといってはなんですが、このブログで利用しているレンタルサーバ「ロリポップ！
」のバナーを追加。
zenbackの項目も少なくしました。
Twitterとかはてブとか無いですしね。
zenbackがあるので、Tweetボタンプラグインは停止。
あと、フッタのWordPressリンクを日本語ローカルサイトへ変更し、バージョン表示を無くしました。
ちょっとずつ、気付いたことに対処。