Boxも、もうすぐ終了するそうです。Boxは2015年6月23日で終了。Plugin」へ乗り換えます。https://developers.facebook.com/docs/plugins/page-pluginへアクセス。Facesを設定します。Codeボタンをクリックして、コードを取得します。Likeboxの時と変わりませんが、問題点として、Widthの最小値(280px)および最大値(500px)が決まっている。Heightの最小値が決まっている。Widthの最小値・最大値が決まっているのは痛いです。サイドバーに持ってくるにも、メインブロックに持ってくるにも何とも半端でどうしたものか。このあたりのサイズが最近の流行なんですかね?追記あれ?この記事読み返してたら、いいね!も昔のコード使えなくなるみたいじゃん。Boxは2015年6月23日で終了。Graffiti」が本日、2015年4月30日をもって終了するそうです。いうことで、急いで乗り換え。候補は有ったのですが、最終的に「dlvr.it」を使うことにしました。https://dlvr.it/まずは、アカウントを作成します。up」ボタンをクリックして、アカウントを作成してください。FacebookやTwitterアカウントを持っている場合は、それでもログイン可能です。アカウント作成、またはログインが成功すると、下図の画面になります。Feeding」ボタンをクリックします。左の「Source」にフィードのURLを入力します。URLと書いてますがフィードのURLです。posted.」を選択してください。Destination」のボタンを選択できるようになります。今回はFacebookへの投稿なので、Facebookボタンをクリックします。Facebookログイン画面がポップアップウィンドウで開きますので、Facebookへログインしてください。(すでにFacebookへログインしている場合は、次へ)一番最初の登録の場合、dlvr.itからFacebookへのアクセスを許可してよいかという画面が開きますが、許可していってください。最終的に下図の画面になります。プルダウンで、どのタイムラインに投稿するかを選択してください。Facebookページの権限を持っている場合は、それも選択可能です。プルダウンを選択したら「Continue」ボタンをクリックしてください。最後の画面になります。右下の「Done」を選択してください。登録が成功すると、下図のメッセージが開きます。以上が最初の登録です。Route」ボタンから登録します。微妙にインターフェースが変わりますが、やることはほぼ同じです。Add」ボタンをクリックします。フィードボタンをクリックします。URLを入力し、どのタイミングからタイムラインに投稿するかをプルダウンで選択します。source」ボタンをクリックします。続いて右の「Destinations」の「+Add」ボタンをクリックします。「Facebook」ボタンをクリックします。Facebook」ボタンをクリックします。※ログイン中の場合は、自動的にログインしているFacebookのアカウントで上記の画面となります。プルダウンで投稿先タイムラインを選択し、「Continue」ボタンをクリックします。最後に「Save」します。同じタイムラインに複数フィードを登録する場合は、すでに登録済みの「Source」の「+Add」から片側のみを登録します。複数登録されるとこんな感じになります。SNS関連Twitterウィジェット編集時の注意事項まあ、当たり前だしこんなことすんな!って話ではあるんですが、一応メモ。Twitterウィジェットコードを新規発行して、サイトに張り付けた後、もう1つ新しいコードを発行しようと、その画面のまま、「ユーザー名」を変更したところ、さきほどサイトに張り付けたウィジェットが変更したユーザーのタイムラインになってしまいました。これまでのTwitterウィジェットコード発行画面って、完全に「新規作成」オンリーだったし、FacebookのLikeBoxも同様で、登録済みのものを「編集」するという概念では無かったので完全にうっかりしてしまいました。ウィジェットがついに終了したようですね。提供終了と言われてからもしばらくは使えてたんですが、今日見たら完全に消えてしまっていました。(もしかしたら数日前から?)【追記】6月12日から使えなくなってたみたいですね。気づくのが遅かったorz新しくウィジェットコードを発行する場合は、アカウントはなんでもいいのでTwitterにログイン後https://twitter.com/settings/widgetsにアクセスし、右上の「新規作成」ボタンからウィジェットコードを発行してください。以前はドメインの設定も必要だったはずだけど、これはもう無くなったみたいですね。あれ結構めんどくさかったから、それはありがたい。ツイート</a>というようにaタグにheightを指定したらうまくいった。SNS関連target-densitydpi=device-dpiに注意【viewport】metaタグのviewportの設定にて、「target-densitydpi=device-dpi」とすると、表示する解像度がそのままデバイスの解像度となります。スマホの横幅(短辺)のサイズが640px時代だったら、これでも特に問題なかったんですが、今や1080pxや1280pxなんて機種も登場しています(横幅がですよ!)。+」ボタン)これがめっちゃ小さくなります。サンプル(高解像度のスマホをお持ちの方は下記のURLにアクセスしてみてください):http://www.nandani.sakura.ne.jp/phptest/sns_button.phpこれらはボタン専用コードを埋め込んでおくと、自動的に表示されるボタンため、スタイルシートによるサイズ調整ができません。medium-dpi」にするか、「target-densitydpi」をそもそも記述しない(デフォルトがmedium-dpiだから)もし解像度によってスタイルシートを切り替えている場合は、サイズの基準が変わりますので注意しましょう。width=320とする手もあります(もはや古いやり方らしいですが。user-scalable=no">サンプル:http://www.nandani.sakura.ne.jp/phptest/sns_button.php?dpi=mediumこれで、幅320pxの場合のみ考えておけば良いので非常に楽です。欠点としては、タブレットで見たとき、やたら文字や画像が大きく感じてしまいます。(どんな解像度でも320pxの画面を引き延ばして表示するようなものだから。)やっぱりこれからはレスポンシブ・ウェブデザインしかないのかな~。SNS関連シェアボタン廃止?いくつか作成したサイトのシェアボタンの表示が昨日からおかしくなってしましました。SNS関連Google+ページなるものが作れるようになったようです。Facebookページ、mixiページに続き、Google+でもGoogle+ページなるものが作れるようになりました。手順通りに作っていけば1,2分程度で完成します。SNS関連Facebookのフレンド登録には注意しようというお話このようなサイトを見つけたのでメモ。Lifehacking.jpゆるい!ゆるすぎるぞ!!Facebook!!!恐ろしいトラップですね・・・3人もまったく知らない人のフレンド登録に応じるということはまずないでしょうが、とある暇人が3つのなんちゃってアカウントを片手に思いっきりフレンド申請をばらまきまくったら数人は引っかかりそうな気がします。いえば「3人もまったく知らない人のフレンド登録に応じるということはまずないでしょうが」と書きましたが、ライブドアブログでは同じような趣味の人に片っ端からフレンド申請をして(逆に申請されて)、フレンドになってくれる人が結構いたりするんですが、この認識でFacebookをやっていると簡単にのっとられそうですね。あやしい申請には十分注意しましょう。ボタン」のサイトにアクセスし、出力されたコードを貼り付けるだけ。URLやページのタイトルを設定する必要は特になし。設定する必要があるのはボタンのサイズと言語だけ。個別ページにボタンを設置する場合なら上記の方法でOKですが、カテゴリーページや月別ページのような複数の記事で構成されているページでも各記事にボタンを設置する場合は、それぞれのボタンに該当記事のURLを設定する必要があります。上記のサイトにて、「詳細オプション」をクリックしてください。URLを設定するフィールドが表示されます。URLを設定すると、コードが以下のように変わります。'ja'}</script>部分は書いてある通り、head要素内に張り付けてしてください。(うっかりループ内に放り込むとボタンが1つしか表示されなくなります。)下のg:plusoneタグについては、URLが該当ページのURLになるよう修正し、設置したい場所に張り付けてください。?>"></g:plusone>って感じですね。自分のサイトをウェブマスターツールに登録していると、ウェブマスターツールサイトにて「+1統計情報」が確認できます。設置したてで、ペッタンコ状態ですが^^;ウェブマスターツールの登録方法については、こちらのサイトが参考になります。Profiles」にアクセスしてください。プロフィール画面にて画面上部にある「+1」をクリックすると、自分の+1(プラスワン)が一覧表示されます。取り消す場合は一覧右側にある×をクリックすれば、プラスワンを取り消せます。SNS関連OGP情報のキャッシュ削除メモ。OGPを設定したあと、「いいね!」ボタンを押したりして確認すると、なぜか設定が反映されていない場合があります。これはキャッシュのせいなので、ほっといたら反映されるようになりますが、できればすぐに確認したい!そんな時は、Debugger(旧URLリンター)なるツールを使って、OGPの設定を確認するついでにキャッシュを消しましょう。(Animeより[2019/11/23])WordPressのパーマリンクでindex.phpが勝手に挿入される。雑多エンジニアのひとりごとより[2019/11/11])WordPressのパーマリンクでindex.phpが勝手に挿入される。(94アクセス)プロフィール和歌山でウェブプログラマーをやってます。使える言語はHTML・PHP・Javascriptなど。Perlも扱えるようになるといいなぁ、と思う今日この頃。ついでに書くと、漫画・アニメが大好きなオタクです。最近はアクアリウムにはまり中。