OGPに対応しますた。

2014.04.04

以前から気になっていたソーシャルボタンを修正して満足していたのもつかの間。
また別の問題に気がつきました。

facebookのいいねボタンを押すと・・・
あれ?
コメント欄が切れる?

いいねボタンを押した時に表示されるサムネイル、タイトル、サマリーが表示されるコメント欄。
自分のコメントを入れたりしてフェイスブックのタイムラインに表示させる機能の筈なのですが、上手く表示されません。

色々調べてみるとこのコメント欄はiframeを使用しているらしく、
CSSのリセットなどで、このiframeに対して何か指定していると問題が出る場合が多いらしい。
例えば「(親要素に対して)幅は100%ね!」的な。
そこで、CSSを調べてみたが私はiframeに対して設定をしていません。

念のため、以下のコードを追加して様子を見るも・・・・
.fb_like iframe { max-width:none !important;}
変化無し。

じゃあ、どの要素に幅の影響を受けているかを見てみた。

どうやら、2カラム構成の右側のdivの外枠に影響を受けてるっぽい。
ふむ

でもfloatは枠の外へ飛び出しちゃう筈だから・・・divのサイズに影響を受け・・・あれ?
float解除しちゃえばその限りじゃないか。

じゃあclearfix?
まさか(笑)

って事で、クリアフィックス関係の記述を見ていたら、
overflow:hidden
の記述が。

これって・・・要るんだっけ?
はみ出し要素を非常時にしてしまうこのタグ、なんか今回の事件に深く関係があるような。

クリアフィックスについての記述もあれこれ調べたのですが、特にoverflowを推奨している記事も無く、自分でもなんで設定したか憶えてないし。じゃ、いっちゃいますか!
って事で、消してみた。

じゃじゃーん!コメント復活!
orz

で、調べていく過程のなかで、OGPというデータをメタとして持たせると、このサムネイルとかをきちんと調整できるという事が記事に載ってました。
OGPなんて聞いたことありませんでしたが、ソーシャルボタンなどに情報を受け渡すためのデータだと思っておけば大きく間違えはしないと思います。

勉強してない訳じゃ無いけど、積極的に調べている訳でもないからなぁ。
こういう新しい事への対応が遅くなって、なんとなく自分の怠慢かなと落ち込むことしりき。

で、気を取り直してINST-webもOGP対応しました(^^ゞ
特にフェイスブックのいいねボタンでこれまでよりマシな共有になるかな?

2014年4月4日¦ カチEリEE?php the_category(' - '); ?> ¦ コメンチE?php comments_number(' (0) ',' (1) ',' (%) '); ?>

静的ページのSNSボタン群の見直し

2014.03.16

最近はツイッターやfacebookに気軽にシェアしてもらう「SNSボタン」を付けるのが必須の条件になってきたように感じます。その他、PocketやFeedly等の「後で読む系」サービスに対しても手当が必要かな?と。
何よりもウェブに来てページを見てくれる人への利便性の提供が大事に思います。

これまではAddThisというソーシャルボタンを一気に解決してくれるサービスを利用していました。
でも、以外と自由が利かなくて(^^ゞ

困ったなぁと思っていると「あかめ女子のWebメモ」さんに大変良くまとまった記事が。
あかめ女子さんの記事はいつも目を通すようにしているのですが、いつも大変助かります♪

で、一念発起してまずは静的ページのボタンを見直し。
私は一時期CSSの書き方に悩んでいた時期がありまして、そんなときにサイトのリニューアルをしたものですからCSSの調整が大変でしたw
修正するのも面倒なので、その当たりは最小限にしてようやく綺麗に並んだSNSボタンが整備できました(`・ω・´)

次はワードプレスも修正せねば(=_=)むむむー

SNSボタンにお困りの方はあかめ女子さんの記事読んでみて下さいねー

2014年3月16日¦ カチEリEE?php the_category(' - '); ?> ¦ コメンチE?php comments_number(' (0) ',' (1) ',' (%) '); ?>

さくらのレンタルサーバー IP6利用&SPFレコードについて(Gmail対策)

2014.02.11

年明け位からINST-webアドレスからGmail宛てに送ったメールが「迷惑メール」に分類されるという問題が発生していました。
どうやら、Gmail側で迷惑メール対策として「SPFレコード」(送信者の確認情報みたいなもの)を厳しくチェックする方向になったらしく、さくらインターネットを始めいくつかのレンタルサーバーサービスで、迷惑メールに分類される現象が発生していた様です。

早速さくらインターネットへ現象を報告してアドバイスをもらおうとしましたが、これはあまり期待出来ない感じだったので自分でも色々調べまくりました。

いやー、困ったw
少ない情報の中でも新旧の情報が交錯し、どれを参考に設定すれば良いか全く分からない状態でした。

何度も設定を変更し、調整した結果無事に送信される様になりましたので、情報を共有したいと思います。

設定方法1:コントロールパネルから「IP6」と「SPFレコード」の使用にチェックする。

ip6

順番としてはまずIP6のチェックをオンにして、それからSPFの利用をオンにした方が良いかな?
ドメイン関係の設定が上書きされるので独自に変更している方は十分ご注意を。

設定方法2:ドメインメニューから「SPFレコード設定」を確認する。

spf

最初の設定がどうだったか、良く覚えていません(^^ゞ
「TXT」という項目に以下の設定を入力します。(無ければ追加して下さい。)
v=spf1 +mx ~all

「all」の前はチルダ-です。上付きのニョロニョロですねw

この設定はちゃたろうファンクラブ様のページが大変参考になりました。
凄い!惚れちゃう(/ω\) イヤン

確認方法1:独立行政法人情報処理推進機構の確認メールへメールを送ってみる
独立行政法人情報処理推進機構にこれまた詳しく書いてありますが、今回は全部読まずに確認様の自動返信だけを利用します。
check-auth@verifier.port25.com
このアドレスに自分のメールからメールを送ります。
タイトル(件名)と本文も無意味な日本語やコピペで良いので記入しましょう。

まもなく、返信があるはずです。

check

丸で囲んだのが判定結果。PASSしています。
スパムメール判定が「ham(ハム)」なのは本文などを記入せずに送ったせいだと思います。

ここで重要なのが「Source IP」です。
やたらと桁数が多いですが、これがIP6アドレスです。
私の場合、ここにIP6アドレスが表示されるようにならないとGmailでは迷惑メールと判定される傾向にありました。

・どうやったらIP6アドレスを反映させられる?
で、先ほどの「TXT」の内容に戻るのですが。
様々な記事で
v=spf1 +IP4:xxx:xxx:xxx:xxx +IP6:xxxx:xxxx:xxxx:xxxx:xxxx:xxxx:xxxx ~all
とか色々な設定方法が書いてあり、それを一つ一つ試していたのですが、結局全部ダメでした。

ダメ、というよりIP4の情報が入ってしまう。という感じ?

さくらインターネットの私の環境では、一番シンプルな今回の設定がばっちりはまったという感じでした。

私もGmailアドレスを持っていますので自分で自分に送り確認をしていましたが、
無事に届くようになりました。

さくらインターネットの方でお困りの方はお試し下さい。
※ドメインの設定情報(DNSとか)は間違えると結構大変なので、自己責任で十分注意してお取り扱い下さい。

2014年2月11日¦ カチEリEE?php the_category(' - '); ?> ¦ コメンチE?php comments_number(' (0) ',' (1) ',' (%) '); ?>

Gメールご利用の皆様へ

2014.02.08

Gメールご利用の皆様へ

現在当アドレス(~@inst-web.com)から送信したメールが
Gメールにて『迷惑メール』に判定され、
迷惑メールフォルダーへ入れられてしまう不具合が発生しています。

お問い合わせフォームをご利用頂いたりした際に、
こちらから返信をしても迷惑メールと判定されてしまう為、
皆様の所で発見されず結果的に不達の状態となっております。

大変お手数ですが、お心当たりの方は以下の点をご確認頂きますようお願い申し上げます。
特にGメールをご利用の方に多く発生していますのでご注意下さい。

・inst-webからメールが来る可能性(返信等)がある方は、一度迷惑メールフォルダをご確認下さい。

・「@inst-web.com」を安全なメールアドレスとしてホワイトリスト等にご登録下さい。

本件についてご不明な点など有りましたら、
一度ツイッター http://twitter.com/_Coffee__ へご連絡下さい。

2014年2月8日¦ カチEリEE?php the_category(' - '); ?> ¦ コメンチE?php comments_number(' (0) ',' (1) ',' (%) '); ?>

電器屋Walkerにアクセス時のエラーについて

2013.12.30

平素より弊局INST-webをご愛顧頂きまして誠に有り難うございます。

ここ2ヶ月程、電器屋Walkerの配信時に予期せぬ不具合が発生しておりましたので
ご報告申し上げます。
※この問題は既に解決済みです。

不具合内容:
iTunes等で電器屋Walkerへアクセスした際に「ID、パスワードによるログイン」が要求される。

不具合詳細:
配信後、1時間ほどでアクセスが集中し始めます。
これまでですとアクセス集中により一時的にアクセスが出来なくなり「503エラー」が表示されるタイミングですが、
「アクセス権限を持たないユーザーからのアクセス」と誤認され、ログインを促すダイアログが表示されました。

対応:
現在は、エラーの原因になっていた設定を見直し、アクセスが集中した際にもログインを求める事が無いように対応済みです。

また、レンタルサーバー会社へ状況を報告し、問題の確認と解決を依頼済みです。

リスナーの皆様には大変ご迷惑をお掛けいたしました。
お詫び申し上げます。

今後も何か不具合がございましたらお知らせ頂けますと幸いです。

INST-web 代表管理者 コーヒー

2013年12月30日¦ カチEリEE?php the_category(' - '); ?> ¦ コメンチE?php comments_number(' (0) ',' (1) ',' (%) '); ?>

INST-web、E器屋Walkerは「さくらのレンタルサーバE」を借りて運用してぁEす、E/p>

2017年3月
« 8月    
 12345
6789101112
13141516171819
20212223242526
2728293031  

Photo Hito

PHOTOHITOブログパーツ

音楽素材Musmus

電器屋WalkerのBGMはこちらを利用させて頂いております。

RSS FEED

INST-web [ ストブロ ]のRSSフィード