Webdelogスマートフォン用の表示で見るWebdelog2012-03-21mixiチェックボタンにOGPが反映されなかった原因と解決法iPad3を買いました。これまでに買った映画を突っ込んでみたりして楽しいおうち生活を送ってます。その原因と解決法をメモしておきます。『mixiいいね』と『mixiチェック』があります。mixiいいねボタンもmixiチェックボタンもこちらよりパートナー登録することによりキーが発行され作成できるようになります。mixiチェックはこちらの技術仕様を見ながら作成することになります。href、class、data-key、data-url属性は必須です。mixiチェックボタンを押すとこんな感じで表示されます。ポップアップ画面例OGPや特定のメタタグを指定しておくことでここに表示する画像や説明文を指定することができます。原因を探るために見なおしてみました。ボタンはbasic認証をかけたテスト環境で設置しました。data-urlには本番環境のURLを指定。OGPにてサムネイルを指定。パートナーの設定画面にてテスト用のサイトも予め許可しておく。Basic認証を外してみましたBasic認証がかかっているのでfacebookのイイネボタンのようにクローラーがアクセスできなくて表示されていないのかと思い、Basic認証を外してみましたが、解決には至らず...これが原因ではありませんでした。原因はdata-urlでした原因はdata-urlでした。data-urlを入力すると上記画像の4の部分に指定したURLが入力されます。僕はてっきりチェックボタンを押した瞬間に押したサイトのOGPなどを取得してポップアップに反映させているのかと思っていたのですが、そうではなくて、押した時にここで指定したURLを見に行くみたいです。いくらテスト環境で試した所でサムネイルの指定や説明文が反映されなかったわけですね。最近要素を置換することができるCSSプロパティcontentにあるcou...2011-07-17jQueryMobileでつまづいたのでメモ少し前にjQueryMobileを使う機会がありました。操作する月別アーカイブスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。