ギャラリーに検索ボックスを追加する

Bibbit はゼッケン番号をキーワードとして写真に書き込みます。ただし SmugMug も Zenfolio も、番号を入力するボックスを自動では表示しません — ホストごとの手順は次のとおりで、数分で終わります。

同期が写真に残すもの

  • ゼッケン番号がそのままキーワードに — 1234、ランナーが入力するとおりの形です。
  • イベントに参加者リストがあれば、ランナーの名前も付きます。名前での検索も使えます。
  • 既存のキーワードはそのままです。Bibbit は bibtool:bibbit というマーカーを追加し、次回の同期が自分の書き込みを見分けられるようにします。

始める前にギャラリーを 1 つ同期し、その中にあると分かっているゼッケン番号を選んでおいてください — それがテスト用の検索になります。

名前も同じボックスで検索できます

参加者リストの CSV をアップロードしていれば、同期はゼッケン番号と並べてランナーの名前もキーワードとして書き込みます。つまり同じ検索ボックスで名前からも見つかります。プレースホルダーには「ゼッケン番号または名前」と書いておきましょう。SmugMug ではカンマで複数のキーワードをまとめて検索できます(John, Doe)。Zenfolio では、100 で 1001 が返らないようにする Exact Match は、名前もリストどおりの表記でないと一致しない点に注意してください。

ランナーが自撮りで検索できるようにする

ゼッケン番号がわからないランナーは、代わりに自分の写真をアップロードできます。あなたのブランドと大会名が入ったページに、本人が写っている写真がすべて表示され、各写真はあなたのギャラリーで開きます。ページは Bibbit 側にあり、ギャラリーからはリンクするだけなので、どのホストでも使えます。

  1. 1Bibbit でアカウントメニューを開き、「写真検索ページ」を選びます。「ギャラリーで写真検索を提供する」をオンにします。設定は一度だけで、アップロード済みの大会も含め、すべての大会にページができます。
  2. 2検索できるようにしたい大会ごとに、大会ページで「顔グループ化」をオンにし、顔スキャンが終わるまで待ちます。検索は Bibbit が顔スキャンした写真の中からしかランナーを見つけられないため、顔グループ化がオフの大会では誰も見つかりません。
  3. 3「あなたのリンク」から大会のリンクをコピーし、その大会の各ギャラリーに追加します。SmugMug ならボタンとして(下の手順)、またはギャラリーの説明文に入れてください。
  4. 4同じリンクを結果のお知らせメールや SNS の投稿にも載せて、ランナーが自分の写真に直接たどり着けるようにします。

ランナーの写真は保存されません。Bibbit は顔を計測してその大会の写真と照合し、どちらも破棄します。検索回数は訪問者ごとに制限されています。

SmugMug ギャラリーに追加する

リンクは大会ごとに異なるので、ギャラリーごとに追加し、All Galleries には追加しないでください。1つの大会が複数のギャラリーにまたがる場合は、それぞれに同じ大会のリンクを置きます。

  1. 1SmugMug サイトで大会のギャラリーを開き、Customize Design を選びます。右上の Make This Gallery Custom を選ぶと、変更はこのギャラリーだけに反映されます。
  2. 2コード不要のボタンにするなら、Navigation から Button ブロックをページにドラッグします(パンくずリストのすぐ下がおすすめ)。レンチのアイコンで設定を開き、表示名を「セルフィーで自分の写真を探す」にして、リンクに Bibbit の「リンクをコピー」で取得した大会のリンクを設定します。
  3. 3自分の色のボタンにするなら、HTML and CSS から HTML ブロックをページにドラッグし、Bibbit の「ボタンのコードをコピー」で取得したコードを貼り付けます。
  4. 4公開したら、ログアウトした状態でギャラリーを開き、ボタンを押して大会の検索ページが開くか確認します。

Button・HTML・Search Box ブロックは SmugMug の Power・Portfolio・Pro プランで使えます。Basic や Direct プランの場合は、大会のリンクをギャラリーの説明、結果のお知らせメール、SNS の投稿に載せてください。

SmugMug での設定

検索ボックスを追加する

  1. 1SmugMug にサインインし、同期したギャラリーを開きます。
  2. 2上部ナビゲーションの Site をクリックし、Customize Design を選びます。
  3. 3Customizer パネル右上の Make This Gallery Custom をクリックします。イベント全体の上にボックスを 1 つ置きたい場合は Make This Folder Custom を。これを飛ばすと、変更がサイトのすべてのページに適用されます。
  4. 4Discovery にある Search Box ブロックを、写真の上にドラッグして配置します。
  5. 5ブロックにカーソルを合わせてレンチアイコンをクリックし、Scope をこのギャラリー(またはフォルダ)に設定します。サイト全体のままだと、ゼッケン 100 の検索で過去にアップロードした別の 100 まで返ってきます。
  6. 6公開します。

サイトヘッダーの検索欄は別物です。訪問者が今見ているページの中だけを検索し、範囲の設定もありません。

ゼッケン番号向けに調整する

  1. 1ブロックの Basic タブで、プレースホルダーを「ゼッケン番号を入力」のように具体的な文言に変えます。
  2. 2ボックスがサイト全体を対象にせざるを得ない場合は、Advanced タブで検索語(大会名)を強制します。100 と入力すると「100 + 春のハーフ」で検索されます。
  3. 3同じ Advanced タブで、結果を検索ページではなくキーワードページに送ることもできます。キーワード一覧に着地させたい場合に便利です。

ランナーを写真まで直接案内する

  1. 1検索は URL であり、検索範囲もその中に含める必要があります。yoursite.smugmug.com/search?q=1234&scope=node&scopeValue=XXXXX は、1つのフォルダ内でゼッケン 1234 を検索します。この値はそのフォルダのノードIDで、Bibbit がギャラリーを同期するときに SmugMug から取得しているものと同じです。
  2. 2範囲を指定しないと、yoursite.smugmug.com/search?q=1234 はサイト全体を検索し、過去に 1234 をアップロードした他のレースまでランナーに表示してしまいます。これらのリンクはサイト直下の /search でのみ有効で、前にギャラリーのパスを付けると 404 になります。
  3. 3キーワードにも専用ページ(yoursite.smugmug.com/keyword/1234)がありますが、範囲の指定は一切できません。複数のレースがあるサイトでは、そのすべてが表示されます。結果メールや主催者のページには、範囲を限定した検索リンクを貼ってください。

ランナーと同じ条件で確認する

  1. 1ギャラリーは公開かつパスワードなしである必要があります。未ログインの訪問者には、非公開リストのギャラリーや隠し写真は検索結果に出ません。
  2. 2プライベートウィンドウでテストしてください。オーナーとしてログイン中は設定に関係なく自分の全コンテンツを検索できるため、自分でのテストは常に成功してしまいます。
  3. 3タグ付け済みのはずのゼッケンが見つからない場合は、Export & sync でそのギャラリーの同期が完了しているかを確認し、ブロックの Scope をもう一度見直してください。

訪問者向け検索についての SmugMug 公式ガイド →

Zenfolio での設定

ギャラリー内の検索を有効にする(NextZen)

  1. 1左のナビゲーションから Galleries を開き、イベントのギャラリーを選びます。
  2. 2Settings に進み、Content タブを開きます。
  3. 3Search Tools までスクロールし、キーワード検索をオンにします。ギャラリー内に検索バーが表示され、そのギャラリーの写真だけが返ります。
  4. 4「ゼッケン番号で検索」のように検索の案内文を入れて、迷わせないようにします。

Zenfolio が検索するのはファイル名、表示名、写真タイトル、キャプション、訪問者コメント、キーワードタグです。Bibbit のゼッケン番号はキーワードタグとして入ります。

サイト全体の検索にギャラリーを出す

  1. 1Galleries → 対象のギャラリー → Access & Permissions → Make Your Gallery Searchable をオンにし、対象範囲(Zenfolio サイト内、フォルダ検索、検索エンジン)を選びます。
  2. 2Website アイコンをクリックし、ページ上部のヘッダーブロックを選択して Sitewide Search をオンにし、公開します。ヘッダーの虫眼鏡がこれです。
  3. 3Advanced プランではフォルダ自体に検索バーを置けます。Galleries → フォルダ → Settings → Features → Display Search Bar と進み、100 で 1001 が返らないよう Exact Match Search にチェックを入れ、プレースホルダーで入力内容を伝えます。

2023 年 12 月 22 日より前に作成したギャラリーとフォルダは、既定で検索対象になっていません。1 つずつ有効にするか、新しいギャラリーが引き継ぐプリセットに設定しておいてください。

Zenfolio Classic の場合

  1. 1Website にカーソルを合わせ、Customize Website をクリックします。
  2. 2ヘッダーまたはフッターを選び、Elements タブで Search field を Show にし、Collapsed か Expanded を選びます。
  3. 3Apply をクリックし、カスタマイザーを離れる前に公開します。
  4. 4複数ギャラリーにまたがる大会では、Open Event を使うとランナーが 1 ページでゼッケン番号を入力するだけで、すべてのギャラリーから写真を集められます。

ランナーと同じ条件で確認する

  1. 1サインアウトするかプライベートウィンドウを開き、Bibbit が同期したゼッケン番号で検索します。
  2. 2見つからない場合は Access Control を確認してください。検索結果から除外されたギャラリーや写真は、どのキーワードでも出てきません。あわせて Export & sync で同期の完了も確認します。

訪問者向け検索についての Zenfolio 公式ガイド →

ランナーを迎える準備はできましたか?