Snap Preview Anywhere
概略
- サイトへの組み込み方法はこちら。
インストール
手順
- 公式サイトで自分のサイトの登録を行い、コードを入手する。
- 入手したコードを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>