ここ数か月で最も多くいただいたご要望で、5分以内に設定できるように作りました。
ボタンの見た目、倶楽部のロゴ、アクセス管理はすべてhub.cttp.golf側で操作します。何かを変更するたびにクラブサイトのコードに触れる必要はありません。
何が新しいか
これまで、終了した大会とホールごとの結果はhub.cttp.golfの中だけにありました。そのため、ゴルフクラブで直近に行われた大会の結果を確認するたびに、クラブ管理者がログインする必要がありました。
履歴埋め込み機能を使うと、ゴルフクラブのホームページに小さなコードを1行貼るだけで、倶楽部のカラーのボタンが表示されます。会員がクリックすると、画面中央のポップアップで大会アーカイブ全体が開きます。
設定方法
インテグレーションの中に「履歴埋め込み」があります。ここで3つを選びます。
- →ボタンの見た目:背景色、文字色、枠線色、枠線の角丸、サイズ。ライブプレビューでボタンの最終的な見た目をその場で確認できます
- →パスワード:自分で設定して会員と共有するコードです。プレイヤーが一度入力すると、24時間アクセスできます
- →許可されたサイト:ホワイトリストに登録したドメインだけがスクリプトを使えます。コードを別のサイトにコピーしてデータを悪用される心配はありません
設定を保存すると
スクリプトタグが発行されます。これを倶楽部のホームページに貼ります。WordPressやSquarespace、その他お使いのCMSのHTMLブロックに貼り付けるだけです。
会員に何が見えるか
ボタンをクリックすると画面中央にポップアップが開きます。パスワードを一度入力すると、プレイヤーは終了した全大会を日付順に並べた一覧画面に進みます。大会をクリックすると、スコアボード全体が表示されます。
- →プレイヤーごとの最終順位
- →ホールごとのスコア
- →Hole in Oneや特別なプレーのマーク
- →結果を残したい場合のための印刷向けレイアウト
どの端末でも動きます
レイアウトは完全にレスポンシブです。会員は1番ティーで打順を待ちながら、前回の大会結果を確認できます。
この記事内で試してみる
下に「Demo Golf Club」の架空の大会4つを設置しています。ボタンをクリックし、パスワードを入力して、ご自身の会員にどう見えるか確かめてみてください。デモは、実際の連携で使うのと同じデザインと同じデータで動いています。ここだけで動く特別版ではありません。デモ内の名前はすべて架空のものです。
パスワード: demo26
始め方
所要時間
全体の設定は5分以内で完了します。デザイン、パスワード、スクリプトを使えるドメインはいつでも変更でき、その都度クラブサイト側を触る必要はありません。