2017/03/18

FC2ブログをTwitterカードに対応させる方法

ご要望にお応えして、唐突にFC2ブログのテンプレート関連のお話です。


Twitterには、URLを含むツイートをすると、通常は単純にURLのアドレスが書かれているだけになるところが、設定をすることで自動的にこのように表示するTwitterカードなる機能があります。↓
2017031801.jpg
ツイートの下に、リンク先の画像(アイキャッチ)とタイトルと説明文が付いておりますね。画像を添付する必要も無く、内容もわかりやすく、見た目華やかになってクリック率も上がりそうだし、せっかくだから是非とも利用したいところ。
しかしながら、Twitterカードを利用するためには事前に準備をしておく必要があります

導入方法はTwitter公式のTwitterカードの説明に書いてあるので、基本的にその通りにやればいいのですが、FC2ブログで実際に適用する時の手順を以下簡単に記しておきます。


1. カードタイプを選ぶ

公式ガイドの「ツイートからのエンゲージメントの促進」にもあるように、Twitterカードには以下の4つのタイプがあるよ。
・Summaryカード
・大きな画像付きのSummaryカード
・Appカード
・Playerカード


AppカードとPlayerカードはアプリや動画用なので、通常はSummaryカード大きな画像付きのSummaryカードの2つから好きな方を選ぼう。その名の通り、表示される画像が大きいか小さいかの違いだよ。


2. メタタグをテンプレートに記述

適用したいブログに、メタタグ――Twitterが情報を取得してくれるための案内板みたいなモノを設置する必要があるよ。慣れない人はここで尻込みしてしまうと思うけれど、意味が分からなくてもとりあえずコピペしとけば動くから大丈夫だよ。

FC2ブログ管理画面の「テンプレートの設定」に行き、念のためテンプレートを複製してから、「[ (テンプレート名) ] のHTML編集」の下のテキストボックスの、<head>~</head>の中に……よくわからなければ、上から数行目に書いてあるはずの<head>の下に、以下のコードをコピー&ペーストで追加しよう。

<meta name="twitter:card" content="summary もしくは summary_large_image">

青色の部分を使うカードタイプに合わせて修正しておくように。Summaryタイプなら、「 もしくは summary_large_image」の部分を削除して「summary」だけにしておくんだよ。

終わったら、間違って余計なものを消したり書いたりしないよう気をつけつつ、「更新」ボタンを押そう。ここで一度、ブログのレイアウトがおかしくなっていないか表示を確認しておくといいよ。


3. OGP設定を有効にする

FC2ブログ管理画面から環境設定に行き、ブログの設定メタタグの設定OGP設定有効にするにしてから更新ボタンを押そう。もし既に有効になっているなら無問題。


4. 公式サイトに申請

これでこちら側の準備は完了。あとはTwitterカードの公式ツールで申請&検証ボタンを押すだけ。

検証ツール (Card validator)に行って、Card URLに自分のブログのURLアドレスをコピペしたら、下のPreview cardボタンをクリック。
2017031802.jpg
これにて作業終了、おつかれさまでした!

テスト結果はプロフィール画像が表示されてると思うけれど、心配ならブログの個別記事のURL(~blog-entry-XXX.html)を入れてもう一回チェックしてみよう。画像を使ってる記事ね。これで希望通りのTwitterカードが右側に表示されているはず。

なお、適用されるまで時間がかかる場合もあるし、過去記事については若干挙動が怪しく、それぞれの記事を個別に申請する必要があるかもしれないのは注意。過去のことはさておいて未来に目を向けよう。

ちなみに、通常は「記事内の最初の画像」がアイキャッチ画像になるけれど、FC2でブログの記事を投稿する時に、投稿画面の下の方の「アイキャッチ画像」を選択することで好きな画像に指定することもできるよ。

●●●

これで、「華やかなるTwitterのタイムラインで自分のブログだけが空しく文字列が表示されている状態」からおさらばだ! それでは良きTwitter&ブログライフを!



――以下、一部のこだわり派向けの追加情報。

>>続きを読む
22:35  日記・雑記 | Comments(0)
2016/11/29

Happy light Cafe の色紙プレゼントに当選しました。

『R.U.R.U.R』や『かみのゆ』や『シルヴァリオ ヴェンデッタ』でお馴染みのlightさんとこの情報番組Happy light Cafe2016年11月25日の回のゲスト手塚りょうこさんサイン色紙が当たりました。


早速額に入れたった

*・゜゚・*:.。..。.:*・゜(n‘∀‘)η゚・*:.。. .。.:*・゜゚・*!!

このツイート
を見て「よし当てよう」とノリで質問書いて送っただけでしかも肝心の放送聞き逃したから読まれたのかどうかもわからないというアレなのはさておき、
久しぶりの当選! しかも、いつもお世話になっている手塚りょうこ姐さんサイン色紙! やったね!

手塚りょうこさんの出演作で印象深いのは『らぶおぶ』のギギギ『ねこパラ』のココナツ『CM3D2』のクーデレ。ほんのりクールだったりカッコよかったりなお姉さん役が似合うお声ですね。『シルヴァリオトリニティ』もまさにそんな感じ。担当キャラにどこかしら残念な部分があることが多いのも、またハマっててすばらしいとおもいます。

lightさま、手塚りょうこさま、ありがとうございました!

『シルヴァリオ トリニティ』応援中!

ん? 1.27 ON SALE?(延期)
21:26  日記・雑記 | Comments(0)
2016/09/02

トレーダーオンラインショップを利用するにあたって気をつけたいこと

トレーダーの通販サイトが7月にリニューアルされました。

  旧 トレーダー4号店 http://www.messe.gr.jp/ 
→ 新 トレーダー オンラインショップ http://trader.co.jp/

今はなきメッセサンオーの名残がついに消え失せたのだなという寂寥感はさておき。
こちらのショップを利用するにあたって少々注意しておきたい点があります。

個人情報保護ポリシーより
20160902.png

「トレーダー オンラインショップ」は、利用者の利用に関する情報ショップ内のアクセス履歴、閲覧された商品のカテゴリ、商品をカートに入れた回数等)を、Cookieを使って取得し、匿名化した上で提携会社へ提供している とのことです。

「提携会社」とはGMOメイクショップ株式会社のことであり、そこに送信されたデータはさらに
・ユナイテッド株式会社
・株式会社フリークアウト
・株式会社サイバーエージェント
・株式会社マイクロアド
・GMOアドマーケティング株式会社

送信されます
そこからさらに(以下略)

つまり、トレーダーオンラインショップでこっそりちっちゃくないもんっ! ~スクールバスでおむかえちゅっちゅ~(Iris)をカートに入れると、その情報がお店によって誰かに送信されるということです。(本人を識別できない形で)


以前Tカードがプライバシーポリシーを改訂して話題になっていました。(参考→ ヤフーとCCC、Tカード購買履歴とWeb閲覧履歴を相互提供へ /ITPro) これと同じようなシステムですね。

Tカードと同様、「情報提供したくない」という人は提供停止できます。上の画像における「以下のリンクをご覧ください」の下のリンクをクリックして、停止ボタンをポチっとするだけ。ただし、当然ながら初期状態だと=停止の操作をしない限り、「提供する」になっています。


個人特定されるわけでもなし、別に気にしないよということであればそれでよし。しかし気になる人は、炎の孕ませおっぱい★エロアプリ学園(SQUEEZ)をネットで購入する前に、周りと背後だけではなく、お店の利用規約・プライバシーポリシーもきちんと確認しておくとよいでしょう。


――という注意喚起にみせかけた、最近ブログサボりがちだし何でもいいから更新しとこうところで千桃どこで予約しようかな というお話でした。

●●●

ちなみに余談ですが、トレーダーオンラインショップの通販システムであるメイクショップにはこのような歴史もあります。
→ 「MakeShop」への不正アクセスによる情報漏えいの可能性について
  2014年9月に発生した、「MakeShop」への不正アクセスにおける 再調査と漏えい件数変更のご報告
 /Makeshop
 

(要約: 管理者アカウントが最大320件、個人情報を含む通販サイトの注文者情報が最大10万1624件流出しました。 → (2年後) → よく調べたら管理者アカウントが最大6116件、注文者情報が最大62万5578件だったわごめんね)


(これら全て、きちんと表に出して説明しているあたり良心的とも言えます)
23:38  日記・雑記 | Comments(0)
2016/06/18

月音先生支援計画のお返しが届きました

昨日、全く心当たりの無い荷物が届き、差出人も知らない個人で「???」と不思議に思いながら開けてみたら――



火災で甚大な被害を受けた月音(つきのん)先生支援計画の支援のリターン一式。すっかり忘れてた!

買い物したつもりじゃないしお金が無事に届けばいいやーと思っていたけれど、きちんとお返しの約束を守ってくれ、活動も無事再開されておられるようで何よりです。

食べ歩き同人誌の内容は「安価+お肉な定食」がメインという男性らしい内容でしたw 秋葉原とか新橋方面に行く機会があったら思い出してみよう。


ところで『かのつく』はどうなったんだろか。
13:57  日記・雑記 | Comments(0)
2016/05/07

HTC Viveが届きましたが

※5/25更新: 完結編書きました。

(※Viveのディスプレイが真っ暗で何も映らない問題は解決済み)
HTC Vive買いました。
昨日届きました。

でかい箱に驚きながら開封、セットアップしようと思いマニュアルを探してみるも見つかりません。そういうものなの? オンラインマニュアルのお知らせすら無いんだけども。
複雑な商品なんだしおかしくね? と訝しみ、他の人の開封レポ等を見ると、フツーにでかい紙が入ってるとのこと。欠品かよ!(゚Д゚)!

まあやる事はわかってるし大した問題ではない。というわけでVive SetupをDLして、画面の指示に従いながらセットアップを進めます。

コントローラの認識のところで再び躓きます。1つしか認識されない
しかしこれはひとまずSteam VRを起動して、コントローラをペアリングすることで2つとも認識されました。解決。

改めてセットアップの続きを進め、ルームスケールの設定も終わり、いよいよ体験、チュートリアルの開始です。
画面には「ヘッドセットをかぶってください!」との表示。かぶります。
真っ暗です。
(゚Д゚)?

音は出る。PCモニタにはチュートリアルアプリの画面が表示され、HMDのトラッキングも効いている。「ディスプレイミラー」なるHMDの視界を表示する機能にも本来表示されているべき画面が映っている。それなのに肝心のHMDには何も表示されない。

トラブルシューティングページに書かれている解決策を一通り試します。ケーブル全部引っこ抜いて挿し直したりUSBポートを変えたり。
そんなことをしていると、画面が映らないだけだったのがHMDを認識しなくなるまで状況が悪化しました。(゚Д゚)。

その後、ひとまずアンインスコして最初からやり直したり、グラボのドライバを変えたり、Windowsディスプレイ設定や解像度をいじったり、ケーブルを手持ちの物に変えたり、DisplayPortで接続したりと、ネットで検索した同様の症状の解決策を片っ端から試してみるも、状況は変わらず。最終手段としてOSの再インストール、そして別のPCで試してみても同じ症状が出ました。

というわけでHTCに初期不良の対応をお願いしようと電話すると、「Viveのサポートはメールでしか受け付けていません」とのこと。
メール投げて不貞寝することにしました。(今ここ)


まとめ

症状:
HMDに何も表示されない・真っ黒な画面。ディスプレイに通電していない状態。ただしトラッキング等その他の機能は問題無く、LEDランプは緑色。
ケーブルを挿し直すとランプが赤になり、HTC Viveが全く認識されなくなる。エラーコード208。

同様の症状の報告が上がっており、解決した人もいる模様。しかし当方では
ケーブル変更・ポート変更・OS再インストール・PC変更 これら全て症状が変わらなかったため、リンクボックスかHMDのハードウェアに不具合がある=初期不良と判断。


HTC日本の対応には期待できないし、ひとまずメールの返信を待って海外に送って修理・交換品を送り返してもらって、という流れになりそう。一か月で済めばいい方かなー……。

状況に進展があれば更新していきます。

※5/8追記
テンプレメールが返ってきました。「担当部署に確認するからしばらくお待ちください」とのこと。土日も返信はしているのだなあ。ひとまず補足と称して最初と内容がほぼ同じメールを送り返して様子見。
ちなみに海外英語圏では初期不良の対応に3日~1週間というところらしい。英語で問い合わせる覚悟がいるかもわからん。

※5/9追記
何故か映像が映るようになりました。(゚Д゚)。

やったことといえば、
・Vive関連ソフトとドライバを全てアンインストール(コントロールパネル→「プログラムと機能」から)
・ケーブル類を全て抜く。(というか一度全部箱にしまった)
→もう一度Vive SetupをDLし、画面の指示通りにセットアップ。手持ちケーブルでHDMI接続
→症状は変わらず。ダイレクトモードをオフにして、Windowsのディスプレイ設定やNVIDIAコントロールパネルからViveの解像度を色々変えてみる
→PCの電源がついたまま、リンクボックスからHDMIケーブルを引っこ抜き、DP-Mini DPケーブルで繋いでみる
(→ヘッドセットを再起動したような気がする)
→Vive突然の目覚め!

解像度関連も再起動もDP接続も既に試していたことなのに、いきなり治りました。意味が分からない。機械にも気まぐれなヤツはあるのだなあ。

その後リンクボックスの電源を抜いたりPC再起動したりしても無事に映っています。
ただ、トラッキングが不安定。度々途切れて画面が灰色になります。これもまた考えられる原因は初期不良や部屋の環境も含め山ほどあるようで……

ともあれ、ひとまず「動作しない」という大問題は解決しました。お騒がせしました。

※5/11追記
本日「初期不良なのか確認するから送ってくれ」との連絡が来ました。
着払いで送付先は「HTC関西リペアセンター」なる所。どうも国内で検査と交換するみたい。実は案外すぐに交換済みそう? 誰だよ一ヶ月かかるとか言った奴。

うちのViveは当初の「ディスプレイ映らない問題」が勝手に直り、「トラッキング超不安定問題」が起こったものの何度かケーブル抜き挿ししてたらそれも概ね改善し、新たに「ヘッドセットのオーディオ端子がいかれてる問題」が現在進行中というなんとも面倒な状況で、その旨をサポートに連絡中です。
00:45  日記・雑記 | Comments(4)
 | HOME | Next »