本サイトは個人的なまとめサイトです。 記載内容に誤り等がありましたらご指摘ください。

Snap Preview Anywhere

概略

  • サイトへの組み込み方法はこちら

インストール

手順

  1. 公式サイトで自分のサイトの登録を行い、コードを入手する。
  2. 入手したコードをWebページのヘッダ部分(<head>~</head>で囲まれた部分)に記述する。

コード

<script defer="defer" id="snap_preview_anywhere" type="text/javascript" 
src="http://spa.snap.com/snap_preview_anywhere.js
?ap=0&key=SAMPLE_KEY&sb=0&domain=www.example.com"></script> 

コードのオプション

コード中のクエリー文字列の値により、表示方法などを変更できる。

  • 検索ボックスを表示させる。
    • コード中のクエリー文字列をsb=1とする。
  • インターナルリンク(同じサイト上のリンク先)を表示する際にもポップアップを表示させる。
    • コード中のクエリー文字列をsi=1とする。
  • デフォルトではポップアップし、特定リンクでのポップアップ抑止:
    • リンクに'snap_nopreview'クラスを設定する
      <a class="snap_nopreview" href="http://www.example.com/">this link</a>
  • デフォルトではポップアップしないで、特定のリンクでのみポップアップさせる。
    • コード中のクエリー文字列をap=0とする。
    • リンクに'snap_preview'クラスを設定する
      <a class="snap_preview" href="http://www.example.com/">this link</a>

ログイン