【要チェック】サイト上のFacebookいいね!ボタンのコードが古いと、5月以降動作しなくなります

2015/04/24

ウェブサイトを運営している方の中には、サイトにFacebookのいいね!ボタンを設置されている方も多いのではないでしょうか。

このいいね!ボタンですが、コードが古いバージョンの場合は、2015年5月以降動かなくなるということを皆さんはご存じでしょうか?

今回の記事では、いいね!ボタンのバージョンを調べる方法と、新しいバージョンとの入れ替え方をご紹介します。

参照記事:いいね!ボタンは新しいコードに書き換えないと2015年5月以降動かなくなります(公式情報)(Web担当者Forumより)

■いいね!ボタンのコードが古いかどうかを調べる方法

コードを覗いて確認することもできますが、もっと手っ取り早い方法がWeb担当者フォーラムの記事で紹介されています。

以下のリンクをブックマークして、自身のウェブサイト上でそのブックマークを実行(クリック)すると、「古い”all.js”が使われています」か、「新しい”sdk.js”が使われています」というウィンドウが現れます。

サイト確認:いいね!ボタンのバージョンを調べる

ここで「新しい~」が出てきたら問題はありませんが、「古い~」が出てきた場合は5月以降動作しないコードがサイトに使われているということになるので、次の項目でご紹介する方法で新しいコードに換える必要があります。

■新しいコードを取得・設置する方法

以下のリンクから、いいね!ボタンをサイトに設置するために必要なコードを取得できます。

https://developers.facebook.com/docs/plugins/like-button

上記のURL先ページ中段に表示される以下の画像において、左下の「Get Code」ボタンをクリックします。

画像1
「Get Code」を選択すると、次のようなウィンドウが表示されるので、この画面の指示に従って既存のコードと置き換えれば完了です。

画像2
またこの画面の「Layout」から、いいね!ボタンのデザインを選択することもできます。今回コードを新しく置き換えるついでに、デザインを変えてみるのも良いかと思います。

画像3
古いコードと新しいコードの違いは、以下の部分になります。

画像4

■どうして新しいコードに換えないと動作しないの?

2014年4月30日に、FacebookのAPIが2.0にアップデートされたのですが、その際にバージョン1.0のAPIが動作するのは「2015年4月30日まで」という期限が設けられていました。

したがって、2014年4月30日以前にいいね!ボタンをサイトに導入した場合は、バージョン1.0のコードを使用しているということになるので、今年の4月30日までに2.0のコードに差し替える必要がある、ということです。

■最後に

今回は、「5月1日以降、昨年の4月30日よりも前に導入したAPIバージョン1.0のいいね!ボタンは動作しなくなる」というお話をまとめました。

コード関連の仕様はどうしても複雑になってしまいますが、項目1でご紹介した「いいね!ボタンが古いかどうかチェック」は一度されることをオススメします。

この記事を書いた人:ソーシャルメディアラボ編集部

企業のWeb担当者様が積極的にSNSをビジネス活用していけるよう、ソーシャルメディア関連の「最新ニュース」「運用ノウハウ」「事例・データ」の情報を素早くキャッチしてお届けします。