デベロッパー向けリソース
Queue-Fairの追加
Queue-Fairバーチャル待合室は、様々なウェブやアプリのプラットフォームに数分で簡単に追加できます。 アダプタのいずれかを使用するだけです。 Queue-Fairを既存のシステムに統合する最適な方法については、テクニカルガイド、またはQueue-Fairポータル>ヘルプセクションで詳細をご覧いただけます。 ボットや人間による複数の注文を阻止する方法や、NFT販売を過剰なガス料金から保護する方法についての情報をお探しの場合は、この概要をお読みいただくか、ポータルのセキュリティガイドのセクションで完全な詳細をご確認ください。
クライアント側アダプタ
Webサイトの場合、Queue-Fairと統合する最も簡単な方法は、Client-Side Queue-Fair Adapter JavaScriptタグをページに追加することです。 サイト上のすべてのページにアダプタを安全に追加し、Queue-Fairポータルのアクティベーションルールを使用して、どのページがキューを投げるかを決定することができます。
Client-Side Adapter は訪問者のブラウザ上で動作するため、技術力のある訪問者は無効にすることができますが、JavaScript を改ざんしてキューをスキップしようとする人はごく少数なので、過負荷を防ぐのに非常に効果的です。 クライアントサイドアダプタは、サイトのクラッシュを防ぐのに効果的であり、インストールが簡単で、当社のシステムとお客様のシステムの間に依存関係が生じないため、当社のお客様のほとんどがクライアントサイドアダプタを使用しています。
JavaScriptタグをServer-Side Adapterに置き換えてセキュリティレイヤーを追加したり、JavaScript Adapterの柔軟性とこのページで説明するHybrid Security Modelを組み合わせれば、どちらの方法でもセキュリティを確保することができます。
シングルライン・オブ・コード
Client-Side Adapter をサイトに追加するには、次の一行のコードを <head> の部分があります。:
という文字を入れるお客様もいらっしゃいます。 defer タグを使用すると、ページの解析と並行して Adapter スクリプトがダウンロードされ、 ページの解析が終了してから (つまり通常はページ上の他のスクリプトが終了してから) 訪問者のブラウザ上でスクリプトの実行が開始されるようになります。
deferという単語を追加すると、場合によってはTime to First Paintを1秒単位で改善できますが、これを選択すると、キューに入れられるべき訪問者が、キューに入れられる前に保護されたページを見る時間が1秒単位で長くなることを意味します。
Googleタグマネージャ
また、Google Tag Managerを利用したJavaScript Adapter Tagも提供しています。 Community Templates Galleryの「Add Tag」でQueue-Fairを検索してください。 一部の広告ブロッカーは、Googleからのマスターgtm.jsのダウンロードを妨げ、これらの訪問者のためのアダプタの実行を含むGoogle Tag Managerのすべての操作をブロックすることに注意してください。
Googleタグマネージャ
Queue-Fair バーチャル待合室 Google タグマネージャ クライアントサイドアダプタタグの GitHub リポジトリです。.
ダイナミックキューページ
クライアントサイドJavaScriptタグとGoogleタグマネージャの実装で利用可能なdata-queue-fair-extra属性を使用することにより、お客様のサイトから弊社のサーバーおよび訪問者が見るキューページに任意のデータを渡すことができます。お客様のアカウントでダイナミックキューページを有効にする場合は、サポートにお問い合わせください。
この機能を使用して、キューページをその場でカスタマイズすることができます。 また、Queue-Fairを使用することで、キューを通過した訪問者のデータをお客様のサイトに戻すことができ、セキュリティが強化されます。
また、キューページのあらゆる側面をカスタマイズするために余分なデータを使用する動的キューページAPIを提供しています。したがって、Queue-Fairポータルで
Shopify, Wordpress & WooCommerce
WooCommerceショッピングカートシステムのようなWordpress ベースのサイトを使用している場合、Wordpress Insert Headers & Footers プラグインを使用して、テーマの変更や Wordpress コードに触れることなく、簡単に Client-Side JavasScript Adapter タグを追加することができます。
Insert Headers & Footers Pluginをダウンロードし、/wp-content/plugins/フォルダに解凍し、Pluginsメニューからプラグインを有効化し、設定メニューからプラグインを開き、図のようにHeaderのScriptsにタグを加え、ページ下部の保存ボタンを押すと完了です。
Shopifyも同様に簡単です。以下は、Queue-Fair Client-Side JavaScript AdapterをShopifyストアに追加するための手順です。
クライアントサイドアダプタ その他のリソース
Client-Side Adapterについては、テクニカルガイドで詳しく説明しています。 テクニカルガイドは、Queue-Fairポータル＞ヘルプに掲載されていますが、弊社にご請求いただくことも可能です。
