メインコンテンツへスキップ
サインイン
English (US) 한국어
Menu

メインページコントロール

The Surffy Team
  • 更新

ユーザーが最初に接するメインページの暴走をコントロールするために、NetFUNNELの使用環境に合わせてメインページコントロールのための連動方法を確認してください。


トップページ コントロール技術概要

外部からメインページへの直接アクセスではなく、NetFUNNEL待機ページを既存のメインページの代わりに適用して、メインページへのアクセス量をコントロールすることができます。

  • 外部 → NetFUNNEL待機ページ(index.html) → 既存のメインページ(index_real.html)の流れで動作します。


適用方法

  1. 既存のメインページだった index.html を index_real.html に変更し、NetFUNNELの待機ページとして利用する HTML ファイルを index.html に適用してください。
  2. index.html 内の tag Code Snippetを挿入してエージェントをインストールしてください。
  3. Loadイベントのコールバック関数でSurffy_Action APIを呼び出してください。

メインページから始まる区間コントロール機能を活用する場合、End pointのhtmlにもCode Snippetを挿入する必要があります。

開発ガイド

Parameter

  • url(string) *必須
    • トラフィックコントロール対象となるURLです。NetFUNNELコンソールで登録したURLと一致する場合、NetFUNNELサーバーにアクセスをリクエストし、そうでない場合は2番目の引数で渡したコールバック関数を実行します。
  • callback(function) *必須
    • 下記の適用例を参考に既存のメインページのURLに移動するコードを作成してください。
  • Sample
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>List</title>
    <script>
    (function(w,d,s,uri,fn){
      w[fn] = w[fn] || function(){ var c = {}; c.tenantApiUrl = arguments[0]; c.tenantNFUrl = arguments[1]; (w[fn].l = w[fn].l || []).push(c); };
      var o = d.createElement(s); var p = d.getElementsByTagName(s)[0]; o.async = 1; o.charset = 'utf-8'; o.src = uri; p.parentNode.insertBefore(o,p);
      })(window,document,'script','https://agent-lib.surffy-dev.io/surffy-agent_latest.js','nfTag');
    nfTag('https://surffy-demo.surffy.io/nf-setting.json', 'https://surffy-demo.surffy.io');


      window.addEventListener('load',
        function() {
          // eslint-disable-next-line no-undef
          Surffy_Action('https://surffy.io/main', function() {
            location.href = 'https://surffy.io/main';
          })
        }
      );
    </script>
    
  </head>
  <body>
...

エージェントテスト

NetFUNNEL Webエージェントが正しく適用されたかどうかを確認したい場合は、以下の手順に従ってください。

  1. 基本コントロールセグメントのアクセス許可量を「0」に設定します
  2. 適用した方式(基本動的トラフィックコントロール/API直接呼び出し/メインページ)に応じて、Webページ内のアクセス要求
  3. 待合室が画面に表示されるか確認(VWR確認)
  4. NetFUNNELコンソール基本コントロール内の該当するセグメントの数値変動があるか確認(EUM確認)

関連記事

コメント

0件のコメント

サインインしてコメントを残してください。