)Likeボタンといいねボタンのサイズが25pxほど違うことによって起きる、ズレです。実際にサイトに表示する際に余計な余白が入ってしまったり、ボタンを押した後に表示されるコメント入力画面が切れてしまったりする場合は、いいね!ボタンのコードで読み込まれているiframeの中に指定されているcssのクラスに対して、「!important」で強制的に指定したり、表示したくないクラスを「hidden」や「display:none」にすることで解決できるようです。Font(H5・XB:data-font|IF:font)フォントを変えられるようですが、オプションがうまく機能していないのか?プレビューでは変化しません。そもそも日本語の「いいね!」だと何の意味もないと思います。Scheme(H5・XB:data-colorscheme|IF:colorscheme)lightかdarkか。一般的な配色がlight。darkはパーツが灰色っぽくなります。使っているサイトは見ませんね・・・。display(H5・XB:data-action|IF:action)ボタンの表示を「いいね!」か「おすすめ」か選べます。Button(H5・XB:data-send|IF:send)「送信」というボタンです。今はボタンのコードのタイプで「HTML5」か「XFBML」を選べば、いいね!を押したときにコメント入力欄が表示されるような仕様になっています。この機能を使う必要はないケースも多いですね。faces(H5・XB:data-show-faces|IF:show_faces)いいね!を押している友達のアイコン画像を出すかどうかです。これはStandardの場合のみ有効なオプションです。ほとんど知られていないと思いますが、13才以下の子供が利用するWebサイトでは、このオプションは利用できません。H5・XB:data-ref|IF:refこれもあまり知られていない(というよりここまで計測してもあまり意味が無いかも)ですが、「ref=*******」でパラメーターを付与できます。いいね!を押したユーザーのタイムラインや、そのユーザーの友達のフィードに「●●さんが△△△にいいね!と言っています」と出るあれ。あれをクリックしたときのURLに、そのパラメーターが付与されます。いいね!が押された後、SNSからどれぐらい人が来ているか、を測るためのタグですね。H5・XB:data-kid-directed-site|IF:kid_directed_site13才以下の子供が利用するWebサイトでは、必ずこのパラメーターをtrueにしなければいけません。Pluginでこのルールが適用されています。FacebookアプリID(appId)とここまで来たら最後に難関が。大昔のソースをコピペしている場合はずっと気づいていないケースもあるかと思いますが、FacebookアプリのIDが必要です。アプリIDが無くても動くんですが、FacebookはIDを入れることを推奨しています。スパム対策や不正利用のチェックのために、アプリのIDが入っていないと目を付けられる可能性が合ったり、アプリIDが無いとニュースフィード等への表示が不利になる?などの説も。赤い四角で囲った箇所は、どうやら空欄でも大丈夫みたいです。domainも空で、Facebookでログインが可能なウェブサイトってとこも何も入れなくてOKです。サンドボックスモードもオンの状態でOK。その状態でも、いいね!ボタンは動作しますし、ちゃんとフィードにも流れました。※SandBoxオンってのはあまりやらない方がいいと思いますけど。いうことは、例えば同じ企業の複数のキャンペーンページなんかであれば、1つアプリ作ってそのIDの使いまわしでもいいわけですね。)というわけで、オプションの意味やサイズを正しく理解して、アプリIDもちゃんと入れて、いいね!ボタン設置しましょう。]タイトルとURLをコピーしました。