タグ

関連タグで絞り込む (2)

タグの絞り込みを解除

OGPに関するtrappleのブックマーク (4)

  • 技術仕様 << mixi Developer Center (ミクシィ デベロッパーセンター)

    mixiチェックボタンの設置方法は簡単です。数行の HTML を追加するだけです。 チェックボタン用HTML発行フォームをお使いください。 ただし、効果的に設置するためにはいくつかのポイントがあります。 設置のポイントに関しては、「mixi Plugin 実装のポイント」をご確認ください。 mixiチェックボタンの設置(PC 向け) mixiチェックボタンの設置(PC 向け) <a href="https://mixi.jp/share.pl" class="mixi-check-button" data-key="...">mixiチェック</a> <script type="text/javascript" src="https://static.mixi.jp/js/share.js"></script> a 要素と script 要素には、それぞれ以下の属性を指定できます。 a 要

  • facebookシェアの実装時に起きた問題

    WEB(ホームページ)制作、作成・SEO・FLASH・ビジネスブログ・ユーザビリティ・アクセシビリティ こんばんわ、yasuiです。 今回は初めてまとめネタ以外で記事を書こうと思います。 最近流行のfacebookのシェアについてです。 躓いたことがいくつかあったので、原因と解決方法をまとめておきます。 1.facebookの「シェア」とは? facebookのウォールに表示される、リンクのことです。Twitterで言うところのつぶやきでのようなものです。 Twitterであればタイトル、URLしかつぶやけませんが、facebookのシェアでは画像とタイトル、説明文、URLをシェアすることができます。 2.facebookのシェアに必要なこと facebookのシェアはとってもカンタンです。 まずやることの確認。 シェアのリンクを張る OGPを設定する これだけです。とってもカンタンですね

    facebookシェアの実装時に起きた問題
    trapple
    trapple 2014/07/10
  • シェアデバッガー - 開発者向けFacebook

    シェアデバッガーでは、コンテンツがFacebookでシェアされたときの表示をプレビューし、Open Graphタグの付いた問題をデバッグできます。

    シェアデバッガー - 開発者向けFacebook
    trapple
    trapple 2014/07/10
  • 動的に生成されるURLに対して固有のOGPを生成する方法メモ | blog.bouze.me

    http://hoge.com/#1000 みたいな、ハッシュ以下の値に対してコンテンツを書き換えるサイトで、それぞれのハッシュに応じて異なるOpen Graph Protocol(OGP)を吐き出したい時の対処法。 フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か http://d.hatena.ne.jp/amachang/20110117/1295233078 1. まず同一ドメイン内に、OGP吐き出し用のPHPを用意する。 ex) http://hoge.com/share.php 2. 元のhtmlと同一のハッシュを受け取ってその値に応じたOGPを吐くようにする。 ex) http://hoge.com/share.php?id=1000 3. html内に設置したShareボタン、Likeボタンの対象URLを上記のsh

    動的に生成されるURLに対して固有のOGPを生成する方法メモ | blog.bouze.me
  • 1