Edited at

jqueryでOGタグとTwitterタグを取得する

More than 1 year has passed since last update.


metaタグの取得

とある案件で、metaタグをjQueryで動的に書き換える必要があったので、

その時の対応方法をメモ代わりに投稿します。

※ もっといいやり方あるって方は、ご教授のほど宜しくお願い致します。


FacebookのOGタグ取得

<meta property="og:title" content="テスト">

こちらのcontentの中身を取得する際は、jQueryで以下のようにする。

$("meta[property='og:title']").attr('content');

今回で言えば、「テスト」を取得できる。

こちらを書き換える際は以下。

$("meta[property='og:title']").attr('content','書き換え後');

こちらで書き換えることができる。

タイトルにかぎらず、OGタグは共通で、

$("meta[property='og:<必要なタグ>']").attr('content');

で操作できるようになる。


Twitterカードタグのメタタグ取得

<meta name="twitter:title" content="テスト">

こちらはのcontentの中身を取得する際は、jQueryで以下のようにする。

$("meta[name='og:title']").attr('content');

今回で言えば、「テスト」を取得できる。

こちらを書き換える際は以下。

$("meta[name='twitter:title']").attr('content','書き換え後');

こちらで書き換えることができる。

タイトルにかぎらず、OGタグは共通で、

$("meta[name='twitter:<必要なタグ>']").attr('content');

で操作できるようになる。