TW201120748A

TW201120748A - Object displacement method for a web page

Info

Publication number: TW201120748A
Application number: TW99133051A
Authority: TW
Inventors: Hisashi Suzuki; Soh Masuko
Original assignee: Rakuten Inc
Priority date: 2009-09-30
Filing date: 2010-09-29
Publication date: 2011-06-16
Also published as: TWI399694B

Abstract

A script (object displacement program) is embedded into a Web page that is transmitted by a Web server (10), and is executed by a user terminal (20). The user terminal (20) that has read in the object displacement program displaces each of a plurality of icons from an initial position to a target position passing through outside the display areas of elements in the Web page. The icons are converged around peripheries of each element so that the icons are distributed to each element in the page according to various types of access data / statistical data (for example, page views (PV), click-through rates (CTR), numbers of orders, and so on).

Description

201120748 六、發明說明：【發明所屬之技術領域】本發明係有關於在Web網頁中使物件位移的機制，特別是有關於’將該當物件配置在不重疊於Web網頁上之要素的範圍裡’使該當物件以不重疊於Web網頁上之要素的路徑作位移的處理。【先前技術】 <先行技術1 > 在使用者終端之畫面上所被顯示的W eb網頁中，使所定影像從特定區域朝特定區域移動的機制，係爲熟知（例如參照專利文獻1 )。具體而Η ’物件是在出發區域與抵達區域爲兩端的線段上進行位移。在該機制下，可測知W eb網頁的流量，而控制物件的數目、物件的尺寸、顯示物件的區域。 <先行技術2 > 具備根據已輸入之靜止影像而生成顯著性地圖（ saliency map )並以所定檔案形式加以輸出之功能的程式 ’已被公開（例如參照非專利文獻1 )。又，關於該當程式的各種使用樣態’已有具體說明（例如參照非專利文獻 2等）。此外’一般而言，所謂顯著性（salienCy )，係指視覺上吸引注意之程度。又，所謂顯著性地圖（saliency -5- 201120748 map )，係指將視覺上吸引注意之程度行計算而予以視覺化所成者。 <先行技術3 > 雖然和先行技術2的技術思想不同引擎這樣，將以網頁撰寫用語言所撰寫，計算實際顯示在畫面上的文字或影像在（例如參照專利文獻2 )。依據此技ί 始碼與瀏覽器的顯示領域加以解析，就示著哪個影像或文字。圖1 1係例示了作爲先行技術2而引月圖1 1 ( a )係爲，將顯示著本申請的Web網站之首頁的PC畫面所擷取而成另一方面，圖11 (b)係爲，根據圖11 的顯著性地圖的顯示例。此外，靜止影像及顯著性地圖均爲於圖1 1的顯示例中，靜止影像中的 (Web網頁中的沒有顯示文字、影像等定成顯著性較高，在顯著性地圖中是以所對應之顏色（大約是紫色〜綠色）來另一方面，於同一顯示例中，靜止外之區域（Web網頁中的有顯示文字、係被判定成顯著性較低，以波長較長的色（大約是紅色〜黃色）來表示。以所定之演算法進，但像是HTML繪圖成的資料加以解析等之配置的程式存特，若將HTML的原可特定出在哪處顯 3的顯著性地圖。案的申請人所營運之影像的顯示例。 (a )之影像所生成彩色影像。斜線部分內之區域之區域），係被判波長較短的可見光表示。影像中的斜線部分影像等之區域），可見光所對應之顏 -6 - 201120748 [先前技術文獻] [專利文獻] [專利文獻1]美國專利第7,660,749號公報 [專利文獻2]日本特表2004-518205號公報 [非專利文獻] [非專利文獻 1] University of Southern California (USC) ' 「iLab Neuromorphic Vision C + + Toolkit (iNVT)」、[online]、網際網路 <URL:http://ilab.usc.edu/toolkit/home.shtml> [非專利文獻 2] University of Southern California (USC)、「iLab Neuromorphic Vision C++ Toolkit Screenshots」、[online]、網際網路 <URL: http://ilab.usc.edu/toolkit/screenshots.shtml> 【發明內容】 [發明所欲解決之課題] 本發明的目的在於，在Web網頁內，解析該當Web網頁，使特定之物件被配置成不會重疊於Web網頁上之要素〇本發明的其他目的在於，在Web網頁內，解析該當 Web網頁，使特定之物件以不會重疊於Web網裒上之帛帛的方式作位移。本發明的另一其他目的在於，使視覺上被賦予混亂之印象，而令複數物件緩緩集中於W eb網頁的特定自標。 201120748 本發明的另一其他目的在於，基於Web網頁的瀏覽次數、Web網頁的點選率、透過Web網頁所販售之商品或所提供之服務（以下稱作「商品等」）的訂購數、提供Web 網頁之Web伺服器的流量等之過去或現在的存取資料，而使複數物件緩緩集中於Web網頁的特定目標。 [用以解決課題之手段] 爲了解決上記課題，本發明係一種物件位移方法，係屬於在含有複數要素的Web網頁中，使1或複數小圖示朝向該各要素進行位移的物件位移方法，其特徵爲，執行：將前記Web網頁內的前記要素之顯示區域加以辨識之步驟；和目標要素設定步驟，係將前記複數要素之中的任一要素，設定成前記小圖示的目標要素；和初期位置設定步驟，係參照顯示區域辨識步驟，而將前記小圖示的初期位置，設定在前記Web網頁內的前記要素的顯示區域外；和目標位置設定步驟，係對每一前記小圖示，將目標位置，設定在前記已設定之目標要素的內容領域內或其周邊 :和物件位移步驟，係參照顯示區域辨識步驟’而對每一前記小圖示，以前記初期位置爲出發點並指定前記Web網頁內的前記要素的顯示區域外之路徑’而使該小圖示作位 a -8- 201120748 移，並使該小圖示集中於前記目標位置或其周邊。在本發明的物件位移方法中，是在含有複數要素之 w eb網頁內，將小圖示設定在前記W eb網頁內之要素的顯示區域外，使1或複數小圖示朝向各要素作位移，使小圖示集中於各要素本身或其周邊。更詳細而言，首先，藉由將小圖示設定在不干擾到要素的位置，使使用者所求之資訊能被確實顯示。接著，使複數小圖示分別往左往右的方式，朝複數方向（例如上下左右方向、斜向方向等）作位移。在使小圖示位移時，也是以不干擾到要素之路徑，來使小圖示作位移。接下來，當使該當小圖示持續位移的階段中有進入到對每一小圖示所設定之目標位置的周邊區域內時，就停止該當小圖示的位移。若依據本發明，則在線上購物時’原則上，使用者與店舖是1對1的關係。在本發明中’複數要素係爲商店街或購物商城的具體化，複數小圖示係爲該當商店街或購物商城的來訪使用者的具體化。藉由使複數小圖示’往左往右地朝複數方向（例如上下左右方向、斜向方向等）作位移然後集中於網頁內特定要素的周邊，就可將購物客集中到特定的商品或特定的店舖而形成「人潮」的樣子’在Web網頁上以視覺方式呈現〇其結果爲，瀏覽W eb網頁的使用者’係可直覺且視覺 -9 - 201120748 性地掌握各內容的人氣程度。又，在小圖示集中爲止之期間’使用者會注視著Web網頁，因此Web網頁的駐留時間會變長。又’於本發明中，理想爲，具有存取資料抽出步驟，係從含有：過去之~定期間內的前記各要素的連結目的之 Web網頁的瀏覽次數、過去之一定期間內的前記各要素所對應之連結的點選率、及透過過去之一定期間內的前記各要素的連結目的之Web網頁所販售之商品或所提供之服務的訂購數之至少1者的存取資料中，抽出1筆資料；前記目標要素設定步驟，係基於前記已抽出之存取資料’而從複數要素中設定目標要素。於上記發明中，例如，基於一日前、一週前、一個月前、一年前的存取資料，而將有人氣之網頁，選擇成爲目標要素。藉此’就不必將使用者的利用履歷以文字資訊、數値資訊顯示，而是藉由小圖示的運動，就可使過去的優良商品等被人在視覺上認知。又，於上記發明中’例如，基於現在的存取資料，而將有人氣之網頁，選擇成爲目標要素。如此一來，就可僅使現在的優良商品等被人在視覺上認知。又’於上記發明中’理想爲’具有存取負荷偵測步驟 ’係將提供前記各要素之連結目的之Web網頁的Web伺服器的現在之伺服器負荷’加以偵測；前記目標要素設定步驟，係從前記伺服器負荷未滿~定閩値的各要素中，設定目標要素。 -10- 201120748 於上記發明中，藉由偵測現在的伺服器負荷，就可禁止遷移往有可能擁擠之網頁，將使用者誘導至不會讓其感到壓力的網頁，以及可以實現伺服器負荷的均等化。又，於上記發明中，理想爲，具有存取資料抽出步驟，係從含有：過去之一定期間內的前記各要素的連結目的之Web網頁的瀏覽次數、過去之一定期間內的前記各要素所對應之連結的點選率、及透過過去之一定期間內的前記各要素的連結目的之W eb網頁所販售之商品或所提供之服務的訂購數之至少1者的存取資料中，抽出回朔一定週期之後的一定期間內的1筆資料；前記初期位置設定步驟，係含有：參照前記存取資料抽出步驟，而基於已抽出之資料，來決定前記初期位置之數目的步驟；將前記複數初期位置’設定在前記Web瀏覽器的前記要素的顯示區域外之位置。藉由參照從現在起回朔至同時期的使用者履歷，設定初期位置的數目，就可在存取可能較多的日期時間上顯示較多的小圖示，在存取可能較少的日期時間上顯示較少的小圖示。根據使用者操作終端的過去之履歷，而統計性地推測現在的「人潮」。可將起因於日曆要因的「人潮」，以視覺方式呈現。前記週期係爲一日、一週、一個月及一年之任一種週期’前記一定期間係爲一定時間，前記初期位置設定步驟 ’係基於該當時間內的瀏覽次數、點選率、及訂購數之任一資料而決定前記初期位置之數目，較爲理想。 -11 - 201120748 在上記發明中，可將起因於日曆要因的「人潮」，以視覺方式呈現。具有存取資料抽出步驟，係從含有：過去之一定期間內的前記各要素的連結目的之Web網頁的瀏覽次數、過去之一定期間內的前記各要素所對應之連結的點選率、及透過過去之一定期間內的前記各要素的連結目的之Web網頁所販售之商品或所提供之服務的訂購數之至少1者的存取資料中，抽出1筆資料；前記目標位置設定步驟，係基於前記已抽出之存取資料，而將前記複數小圖示各自的目標要素予以設定，較爲理想。於上記發明中，係參照使用者履歷，僅將有人氣之網頁，設定成爲目標要素。如此一來，就可使現在的優良商品等被人在視覺上認知到使用者的集中。基於過去的存取資料，來設定小圖示的目標要素，使小圖示集中於該要素，藉此就可使人氣商品等被使用者在視覺上認知。具有存取負荷偵測步驟，係將提供前記各目標要素之連結目的之Web網頁的Web伺服器的現在之伺服器負荷，加以偵測；前記目標位置設定步驟，係基於前記伺服器負荷，而從各目標要素中設定含有目標位置之要素，較爲理想。藉由偵測現在的伺服器負荷，基於伺服器負荷來設定目標要素，就可將使用者誘導至不會讓其感到壓力的網頁 a -12- 201120748 ，以及可以實現伺服器負荷的均等化。較爲理想爲’前記物件位移步驟係含有：下次位置候補設定步驟’係將相當於前記物件下次顯示位置之候補的下次位置候補’予以複數設定；和下次位置設定步驟’係從前記已設定之下次位置候補之中選擇出任1個位置，而設定成下次的顯示位置；和物件下次位置位移步驟’係使前記物件從現在的顯示位置位移至前記已設定之下次的顯示位置。於本發·明中，係設定小圖示的下次位置候補’從該顯示位置之中設定下次的顯示位置’因此小圖示會在網頁內迴游或徘徊。最終，小圖示係會集中在目標位置。可是’ 在集中之前的期間，小圖示並非直線性地位移’而是一面接近複數要素而一面位移’因此可緩和其往特定要素的遷移。又，在小圖示集中爲止之期間’使用者會注視著Web 網頁，因此Web網頁的駐留時間會變長。前記下次位置候補設定步驟，係隨應於物件的現在之顯示位置與前記已設定之目標位置的位置關係，而將相當於使前記物件下次位移之方向之候補的下次方向候補，偏重於目標位置而作複數設定；前記下次位置設定步驟，係在前記已設定之各下次方向候補的方向上，分別設定前記下次位置，較爲理想。於本發明中，係隨著顯示位置與目標位置的位置關係 ’而使下次方向候補偏重於目標位置而將下次位置候補作 -13- 201120748 複數設定，因此可加快小圖示往目標位置之集中於前記下次位置設定步驟中所設定之下次位要素的顯示區域外時，則進行前記物件下次位置之執行，於前記下次位置設定步驟中所設定之下非前記要素的顯示區域外時，則禁止前記物件下移步驟之執行，較爲理想。如此一來，並非只是小圖示在要素內不作位禁止執行之步驟的期間，小圖示會呈現停止狀態簡單的處理，就能使小圖_示的運動帶有多樣性。前記物件位移步驟係含有：針對每一前記小該小圖示的位移處理中，使其以一定機率或隨機處理，較爲理想。如此一來，就可表現小圖示停下腳步的動作停下腳步之周圍要素感到興趣之表現。具有存取資料抽出步驟，係從含有：現在之內的前記各要素的連結目的之Web網頁的瀏覽次之一定期間內的前記各要素所對應之連結的點選過現在之一定期間內的前記各要素的連結目的之所販售之商品或所提供之服務的訂購數之至少1 資料中，抽出1筆資料；前記物件位移步驟係含記已抽出之存取資料是一定閩値以上時，針對每圖示，在該小圖示的位移處理中使其暫停之處理想。在本發明中，即時地偵測出對特定Web網頁置是前記位移步驟次位置並次位置位移，而在，因此以圖示，在地暫停之，進行對一定期間數、現在率、及透 Web網頁者的存取有：當前一前記小，較爲理之存取的 -14- 201120748 增大，而暫停小圖示往該W eb網頁之集中，因此和對於EC網站的限時搶購這類存取量容易大增之意關注，可對實際存取而來的使用者，讓其不感顯示出Web網頁。又，在小圖示集中爲止之期間，使用者會注網頁，因此Web網頁的駐留時間會變長。具有存取資料抽出步驟，係從含有··現在之內的前記各要素的連結目的之W eb網頁的瀏覽次之一定期間內的前記各要素所對應之連結的點選過現在之一定期間內的前記各要素的連結目的之所販售之商品或所提供之服務的訂購數之至少1 資料中，抽出1筆資料；前記物件位移步驟，係抽出之存取資料是一定閾値以上時，針對每一前 ’延遲使該小圖示集中於前記目標位置或其周邊想。在本發明中，即時地偵測出對特定Web網頁增大’而延遲小圖示往該W eb網頁之集中，因此和對於EC網站的限時搶購這類存取量容易大增之意關注’可對實際存取而來的使用者，讓其不感顯示出Web網頁。具有存取資料抽出步驟，係將現在之一定期記各要素的連結目的之Web網頁的瀏覽次數、現期間內的前記各要素所對應之連結的點選率、及之一定期間內的前記各要素的連結目的之Web網可暫時緩網頁的注到壓力地視著W e b 一定期間數、現在率、及透 Web網頁者的存取當前記已記小圖示，較爲理之存取的可暫時緩網頁的注到壓力地間內的前在之一定透過現在頁所販售 -15- 201120748 之商品或所提供之服務的訂購數所成之存取資料之至少1 筆資料，予以抽出；前記物件位移步驟，係當前記存取資料抽出步驟所抽出之存取資料的微分値是未滿一定閾値時，針對每一前記小圖示，促進使該小圖示集中於前記目標位置或其周邊，較爲理想。在本發明中，係可將現在的存取資料的微分値予以抽出，以避免發生劇烈的存取集中，亦即，可偵測出對特定 Web網頁之存取是呈現定常舉動，或是偵測出擁擠已經趨近緩和，而將使用者的行動，誘導至特定的網頁。具有存取資料抽出步驟，係從含有：現在之一定期間內的前記各要素的連結目的之Web網頁的瀏覽次數、現在之一定期間內的前記各要素所對應之連結的點選率、及透過現在之一定期間內的前記各要素的連結目的之Web網頁所販售之商品或所提供之服務的訂購數之至少1者的存取資料中，抽出1筆資料；前記物件位移步驟，係當前記已抽出之存取資料的微分値是一定閾値以上時，針對每一前記小圖示’延遲使該小圖示集中於前記目標位置或其周邊〇在本發明中’係可將現在的存取資料的微分値予以抽出，以預測會逐漸發生劇烈的存取集中，亦即，可即時地偵測出對特定Web網頁之存取的劇烈增大，而延遲小圖示往該Web網頁之集中。如此一來，將使用者誘導至不會讓其感到壓力的網頁’以及，可緩和對特定網頁的存取集中 μ -16- 201120748 具有存取負荷偵測步驟，係將提供前記各目標要素之連結目的之Web網頁的Web伺服器的現在之一定期間內之伺服器負荷，加以偵測；前記物件位移步驟，係當前記伺服器負荷的微分値是未滿一定閾値時，針對每一前記小圖示，促進使該小圖示集中於前記目標位置或其周邊，較爲理想。在本發明中，係偵測出提供特定Web網頁之Web伺服器的伺服器負荷，促進小圖示往負荷較小的W e b網頁集中，因此可即時地告知使用者不會讓其感到壓力的Web網頁，可緩和對特定網頁的存取集中。具有存取負荷偵測步驟，係將提供前記各目標要素之連結目的之Web網頁的Web伺服器的現在之一定期間內之伺服器負荷，加以偵測；前記物件位移步驟，係當前記伺服器負荷的微分値是一定閾値以上時，針對每一前記小圖示，延遲使該小圖示集中於前記目標位置或其周邊，較爲理想。在本發明中，係偵測出提供特定Web網頁之Web伺服器的伺服器負荷，延遲小圖示往負荷較大的Web網頁集中，因此可製造往其他網頁的遷移機會，可緩和對特定網頁的存取集中。又，藉由偵測存取資料或伺服器負荷，而促進小圖示對每一要素的集中，或是延遲對每一要素的集中等，就可於含有複數要素的Web網頁中，將使用者誘導至可不必感到壓力就能操作的網頁。 -17- 201120748 【實施方式】 <定義> •要素…Web網頁內所被顯示之文字 '影像、圖形、按鈕等之總稱。 •連結要素··.被設定前往其他Web網頁之連結的要素〇 •小圖示…在顯示畫面上將各種資料或處理機能以圖畫或圖畫文字所顯示而成者。在以下的說明中，係爲沒有被設定前往其他Web網頁之連結的影像。 •要素的內容領域…要素在Web網頁內所被顯示之區域。若是有被設定連結的文字，則在選擇時是被虛線等所圍繞的範圍。若是影像、圖形、按鈕等，則爲該當影像、圖形、按鈕等的框內。 •瀏覽器的顯示領域…瀏覽器在Web網頁內所被顯示之區域。 •位移使特定的小圖示從第1點移動至第2點之意。例如有以下的樣態。 (a )在第1點與第2點所連結的線（線段、曲線、折線）上取複數個點，於各點上高速地重複小圖示的顯示 .消去》 (b )使在第1點顯示中的小圖示滑移至第2點。 (c )當第1點與第2點很接近時，將在第1點顯示中的小圖示予以消去，在第2點顯示小圖示。 -18 - 201120748 (d )以第1點爲出發點，重複上記（a )〜（c )之至少一者複數次，最終將小圖示配置在第2點。 <實施形態> [1 .系統構成] 圖1係圖示本實施形態之系統的構成。如圖1所示’本實施形態的系統，係Web伺服器1 〇與使用者終端20是透過通訊網路（本實施形態的系統中係爲網際網路3 0 )而連接成的客戶端·伺服器系統。 W eb伺服器1 〇係具有，將構成W eb網頁之各種資料（ HTML及該當HTML所參照之影像、式樣表單、腳本等，以下總稱爲「W e b資料」）加以記憶的w e b D B 1 1，會將隨應於來自使用者終端2 〇的要求而被指定的W eb資料，發送至使用者終端2 0。又’ Web伺服器1 〇係具有，將使用者的登錄資訊（地址、姓名、年齡、性別 '郵件位址，以下總稱爲「使用者屬性」）加以5己丨思的使用者d b 1 2。使用者D B 1 2係向W e b 伺服器1 Ο ’提供用來生成W eb網頁所需的屬性資訊。又’ Web伺服器1〇係具有，將每一 Web網頁的過去之利用履歷（年月日或星期或時間別的瀏覽次數、點選率、及§了購數）加以gfi億的利用履歷D B 1 3。利用履歷D B 1 3係向Web伺服器10，提供用來生成Web網頁所需的履歷資訊〇使用者終端20係具備Web瀏覽器，讀取從Web伺服器 201120748 10所接收到的Web資料，顯示在顯示器。此外，該當Web 瀏覽器係支援腳本（例如以JavaScript所撰寫成的程式）的解譯、執行，假設解譯、執行的設定係爲啓用。使用者終端2〇，係爲具有通訊機能的既存之資訊處理終端（例如個人電腦等之電子計算機等）即可。 [2.物件位移程式] [(a)特徵] 在本實施形態的系統中，在Web伺服器1 〇所發送的 Web網頁中內嵌有腳本（物件位移程式），讓使用者終端 20執行。此外，在該當Web網頁中，連結要素（被設定有前往其他Web網頁之連結的連結要素等），是被複數配置〇讀取了物件位移程式的使用者終端20，係在Web網頁內使複數小圖示（未被設定前往其他Web網頁之連結的影像），分別從初期位置位移至目標位置，隨著各種存取資料、統計資料（例如瀏覽次數（PV )、點選率（CTR )、訂購數等）而使小圖示被比例分配至網頁內的各要素之方式，而使小圖示集中至各要素的周邊。此時，於目標位置中，亦可將小圖示在連結要素的前面作重疊顯示，以意圖性地妨礙使用者對該當連結要素之點選操作。在本實施形態的系統中，係於Web網頁中，複數連結要素係爲商店街或購物商城的具體化。另一方面，複數小圖不係爲造訪該當商店街或購物商城的使用者的具體化。 -20- 201120748 藉由使複數小圖示從所定起點往所定終點而朝向複數連結要素作位移’就可在Web網頁上呈現人潮往店舖或商品流動。其結果爲’可在W eb網頁內演出人氣’而且可直覺且視覺性地掌握各內容的人氣程度。更詳細而言，本發明係首先會辨識W eb網頁內之要素的顯示區域。作爲本實施形態之一例，係生成Web網頁的擷取影像，根據已生成之影像而生成顯著性地圖，對所生成的顯著性地圖的每一像素，算出相應於顯著性的優先度，將優先度高的像素領域，辨識成爲要素的顯示區域。作爲本實施形態之另一例，係於發送至使用者終端2 0 的HTML資料或XML資料中，像是HTML繪圖引擎這樣，將以Web網頁撰寫用語言所撰寫成的資料加以解析，算出實際顯示在畫面上的文字或影像等之配置，辨識Web網頁內之要素的顯示區域。接著，從Web網頁內的複數要素之中，設定至少1個要素。藉由現在或過去的各種存取資料、統計資料（例如瀏覽次數（p v )、點選率（CTR )、訂購數等），就可從複數要素之中設定至少1個要素。又，可隨應於現在的伺服器負荷，辨識出想讓人存取之要素、不想讓人存取之要素，就可從複數要素之中設定至少1個要素。在要素的設定時，可利用現在的存取資料，或是利用回朔一定週期時的一定期間之過去資料，或是利用現在的伺服器負荷。無論何種情況，只要設定閾値，以該閾値爲 -21 - 201120748 基準來設定要素即可。接著’在Web網頁內之要素的顯不區域外，設定小圖示的初期位置。小圖示的數目，係可爲1個或2以上。在設定複數小圖示時，可隨著現在或過去的存取資料或現在的伺服器負荷來決定小圖示數。在利用存取資料時，係可參照利用履歷，而隨著使用者的屬性（性別、年齡、地區等屬性），來改變小圖示形態。接著，對每一小圖示，將目標位置設定在，已設定之目標要素的內容領域內或其周邊。目標位置，係從目標要素之中加以設定。當所有的要素都是目標要素時，這些要素係成爲目標位置的候補。可是，即使是候補，有時仍不會被設定成目標位置。將目標位置設定在內容領域內，在要素之上設定小圖示，使已集中之小圖示被重疊顯示於要素，藉此就可表現出要素所關連之商品等的注目程度。又，藉由在要素的周邊的顯示區域外，設定小圖示的目標位置’就可使要素的內容對使用者顯示’並且還可表現出商品等的注目程度。接著，在物件位移步驟中’在以辨識顯示區域的狀態下，從初期位置’指定顯示區域外之路徑’使小圖示集中至目標位置。由於小圖示係不會進入顯示區域內’而是讓要素被顯示出來的狀態下進行位移’因此也不會遮蔽到被注目的商品等之資訊’在小圖示位移中途若使用者對商品等有興趣時，也可進行遷移至特定網頁的操作。 -22 - 201120748 [(b )執行程序] 圖2係圖示本實施形態之系統中的物件位移程式的執行程序。〔1 1〕使用者終端2 0 ’係對w e b伺服器1 〇指定u R L而要求W e b網頁（S 2 0 5 a ) 。W e b伺服器1 〇係一旦從使用者終端20接收Web網頁之要求（S2〇5b )，則將所被指定之URL 所對應之HTML資料’從WebDBll中抽出，因應需要而參照使用者DB 12及利用履歷DB 1 3 ( S210b )，發送至使用者終端20 ( S2 15b )。使用者終端20係從Web伺服器1〇接收 HTML資料（S215a)，在顯示器上顯示web網頁（S220a )° 〔12〕使用者終端2〇，係對Web伺服器1〇指定URL而要求HTML資料內的參照資料（S225 a ) 。Web伺服器1〇係一旦從使用者終端20接收參照資料之要求（S22 5b )，則將所被指定之U R L所對應之參照資料，從w e b D B 1 1中抽出，因應需要而參照使用者DB12及利用履歷DB13 (S23〇b) ，發送至使用者終端20 (S235b)。使用者終端20係—旦從W e b伺服器1 0接收參照資料（S 2 3 5 a )，便讀取該當參照資料（S240a)，因應需要而反映在顯示中的Web網頁上。〔1 3〕使用者終端2 0係判定W eb網頁（含參照資料）的載入是否完成（S245a)。若載入尙未完成（S245a中No )，則返回上記〔1 2〕’再取得其他參照資料。另一方面 ’若載入已完成（S245a中Yes)，則前進至下記〔14〕，開始腳本（物件位移程式）之執行。 -23- 201120748 〔14〕執行初期化處理（S250a，圖3 )及顯示切換處理（S255a，圖6)。此外，顯示切換處理（S255a)係被設定成，每隔所定時間（例如每1 〇〇微秒）就會反覆執行 [3.初期化處理] [(a )初期化處理之程序] 圖3係圖示初期化處理之程序。此處係例示，生成所定數（在本實施形態中係爲1 〇〇個）的小圖示（物件），在Web網頁內將各個小圖示配置在不同位置的程序。此外，也包含一部分小圖示被配置在重複的位置。如圖3所示’使用者終端2 0，係藉由下記〔2 1〕〜〔 27〕之程序’來執行初期化處理。此外，小圖示⑴係表示第i個小圖示（被賦予了含有i之識別資訊的小圖示）。〔21〕特定出瀏覽器的顯示領域（S300)。如圖4所示，生成Web網頁的擷取（S301)。接著，根據已生成之影像而生成顯著性地圖（S3 02 )。此外，顯著性地圖的生成，係可利用顯著性地圖生成程式。針對已生成之顯著性地圖的每一像素，算出相應於顯著性的優先度（S3 03 ) ’使優先度對應於各像素而記錄（S3〇4 )。這些優先度資料’係可以所定檔案形式（例如JSON )而記億在 WebDB 1 1 中。藉此’將優先度高的像素領域，辨識成爲要素的顯示 • 24 - 201120748 區域。於圖1 1中’靜止影像中的斜線部分內之區域，係被判定成顯著性較高’在顯著性地圖中是以波長較短的可見光所對應之顏色來表示。於同一顯示例中，靜止影像中的斜線部分外之區域’係被判定成顯著性較低，以波長較長的可見光所對應之顏色（大約是紅色〜黃色）來表示。接著’從Web網頁內所配置的要素之中，特定出目標要素的候補（S 3 1 0 )。爲了特定目標要素的候補，係參照利用履歷DB 1 3 ’藉由現在或過去的各種存取資料、統計資料（例如瀏覽次數（P V )、點選率（c T R ).、訂購數等） ’從複數要素之中設定至少1個要素。又，可參照Web伺服器1 〇 ’隨應於現在的伺服器負荷，辨識出想讓人存取之要素、不想讓人存取之要素’就可從複數要素之中設定至少 1個要素。在要素的設定時，可利用現在的存取資料，或是利用回朔一定週期時的一定期間之過去資料，或是利用現在的伺服器負荷。無論何種情況，只要設定閾値，以該閾値爲基準來設定要素即可。又，取得現在的存取資料、回朔一定週期時的一定期間之過去資料、現在的伺服器負荷的對時間之微分値，判別出預想會有存取集中的Web網頁、或伺服器負荷正逐漸增大的W eb網頁，而進行編入目標要素的候補 '或是從目標要素的候補中排除等等之處理，而將目標要素的候補加以特定，較爲理想。〔2 2〕對表示小圖示之號碼的計數器i中，代入初期値 1 ( S 3 1 5 )。 -25- 201120748 〔23〕生成小圖示（影像要素）的物件（小圖示[i]) (S320)。接著，對小圖示[i]設定影像檔案（S325)，設定小圖示[i]在Web網頁內的尺寸（橫寬及縱寬）（S3 3 0 ) ’作爲文件要素的子要素而追加小圖示[i] ( S33 5 )。〔24〕判定計數器i是否等於所定數（在本實施形態中係爲100) (S34〇)。當計數器i不到所定數時（S34〇中201120748 VI. Description of the Invention: [Technical Field of the Invention] The present invention relates to a mechanism for displacing objects in a web page, in particular, regarding 'configuring the object in a range of elements that do not overlap on a web page' The process of displacing the object as a path that does not overlap the elements on the web page. [Prior Art] <Priority Technology 1> A mechanism for moving a predetermined image from a specific area to a specific area in a Web page displayed on the screen of the user terminal is known (for example, refer to Patent Document 1). Specifically, the object is displaced on the line segment where the departure area and the arrival area are both ends. Under this mechanism, the flow of the Web page can be measured, and the number of objects, the size of the object, and the area of the displayed object can be controlled. <Priority Technology 2> A program having a function of generating a saliency map based on the input still image and outputting it in a predetermined file format has been disclosed (for example, refer to Non-Patent Document 1). Further, various usage patterns of the present invention have been specifically described (for example, refer to Non-Patent Document 2, etc.). In addition, in general, the so-called significance (salienCy) refers to the degree of visual attention. In addition, the saliency map (saliency -5-201120748 map) refers to a person who visually visualizes the degree of visual attention. <Priority Technology 3 > Although it is different from the technical idea of the prior art 2, the engine writes in the language of web page writing, and calculates characters or images actually displayed on the screen (see, for example, Patent Document 2). According to this technique, the initial code and the display area of the browser are analyzed to show which image or text. FIG. 11 is a diagram showing the first aspect of the present invention. FIG. 1 is a diagram showing a PC screen on which the first page of the Web site of the present application is displayed, and FIG. 11(b) is shown. For example, a display example of the saliency map according to FIG. In addition, both the still image and the saliency map are in the display example of FIG. 11. In the still image (the no-display text, the image, and the like in the web page are determined to be highly significant, and the corresponding is in the saliency map. The color (about purple to green) on the other hand, in the same display example, the area outside the static (the display text in the web page is determined to be less significant, with a longer wavelength (about It is red to yellow. It is represented by a predetermined algorithm, but a program such as HTML data is parsed and analyzed. If the original HTML can be specified, the saliency map is displayed. An example of the display of the image operated by the applicant of the case. (a) The color image generated by the image. The area of the area within the shaded line) is represented by the visible light with a shorter wavelength. The image of the oblique line in the image, etc. (area), the color corresponding to the visible light - 201120748 [Patent Document 1] [Patent Document 1] US Patent No. 7,660,749 [Patent Document 2] Japanese Special Table 2004-518205 [Patent Document] [Patent Document 1] University of Southern California (USC) ' "iLab Neuromorphic Vision C + + Toolkit (iNVT)", [online], Internet <URL: http://ilab.usc.edu/toolkit/home.shtml> [Non-Patent Document 2] University of Southern California (USC), "iLab Neuromorphic Vision C++ Toolkit Screenshots", [online], Internet <URL: http://ilab.usc.edu/toolkit/screenshots.shtml> [Summary of the Invention] [Problems to be Solved by the Invention] An object of the present invention is to analyze a web page in a web page to make a specific The object is configured so as not to overlap the elements on the web page. Another object of the present invention is to parse the web page in a web page so that the specific object does not overlap the web page. Make a displacement. Still another object of the present invention is to visually give an impression of confusion, and to cause the plurality of objects to be gradually concentrated on the specific self-label of the Web page. 201120748 Another object of the present invention is to count the number of times of browsing based on a web page, the click rate of a web page, the number of products sold through a web page, or the services provided (hereinafter referred to as "products, etc."), Providing past or current access data such as the traffic of the web server of the web page, so that the plurality of objects are gradually concentrated on the specific target of the web page. [Means for Solving the Problem] In order to solve the above problem, the present invention relates to an object displacement method, which is an object displacement method in which one or a plurality of small icons are displaced toward the respective elements in a web page including a plurality of elements. The method is characterized in that: executing: a step of identifying a display area of a pre-recorded element in a pre-recorded web page; and a step of setting a target element, wherein any one of the preceding plural elements is set as a target element of the pre-recorded small icon; And the initial position setting step refers to the display area recognizing step, and sets the initial position of the pre-recorded small icon outside the display area of the pre-recorded element in the pre-recorded web page; and the target position setting step is for each pre-recorded image It is shown that the target position is set in or around the content area of the target element that has been set before: and the object displacement step is referred to the display area identification step', and each of the preceding small icons is shown, and the initial position is previously taken as the starting point. Specify the path outside the display area of the predecessor element in the pre-recorded Web page and make the small icon a bit -8-201 120748 Moves and focuses the small icon on the trailing target location or its surroundings. In the object displacement method of the present invention, in the web page including the plurality of elements, the small icon is set outside the display area of the element in the pre-Web page, and 1 or a plurality of small icons are displaced toward each element. , so that the small icon is concentrated on each element itself or its surroundings. More specifically, first, by setting the small icon to a position that does not interfere with the element, the information requested by the user can be reliably displayed. Next, the plural small icons are shifted to the left and right, and are shifted in the plural direction (for example, the up, down, left, and right directions, the oblique direction, and the like). When the small image is displaced, the small image is also shifted by the path that does not interfere with the element. Next, when the phase in which the small icon is continuously displaced has entered the peripheral region of the target position set for each of the small icons, the displacement of the small icon is stopped. According to the present invention, when shopping online, in principle, the user and the store are in a one-to-one relationship. In the present invention, the plural elements are embodied in a shopping mall or a shopping mall, and the plural small icons are specific to the visiting users of the shopping malls or shopping malls. By displacing the plural small icons 'to the left and right in the plural direction (eg, up, down, left, and right, oblique directions, etc.) and then focusing on the periphery of specific elements in the web page, the shoppers can be concentrated on specific products or The appearance of a "popularity" in a particular store is visually presented on a web page. The result is that the user who browses the Web site can intuitively and visually grasp the popularity of each content. Also, during the period when the small icon is concentrated, the user will look at the web page, so the dwell time of the web page will become longer. Further, in the present invention, it is preferable that the access data extraction step is performed from the number of times of browsing of the Web page including the connection purpose of each element in the past period of time, and the pre-recording elements in the past for a certain period of time. In the access data of at least one of the number of the products to be sold or the number of the products to be served by the web page of the link of the pre-recorded elements in the past for a certain period of time 1 piece of data; The pre-recording target element setting step is to set the target element from the plural elements based on the access data extracted from the previous record. In the above invention, for example, based on access data before, a week ago, one month ago, and one year ago, a popular web page is selected as a target element. In this way, it is not necessary to display the user's use history as text information or digital information, but the movement of the small icon can make the past excellent products and the like visually recognized. Further, in the above invention, for example, based on the current access data, a popular web page is selected as a target element. In this way, only the current good products and the like can be visually recognized. In the above-mentioned invention, the 'ideal to have an access load detection step' is to detect the current server load of the web server of the web page providing the connection purpose of each element; the pre-recording target element setting step The target element is set from among the elements of the previous server load that is not full. -10- 201120748 In the above invention, by detecting the current server load, it is possible to prohibit migration to a web page that is likely to be crowded, to induce the user to a web page that does not feel pressure, and to achieve server load Equalization. Further, in the above-described invention, it is preferable that the access data extraction step includes the number of times of browsing of the Web page including the purpose of linking the elements of the preceding period in a predetermined period of time, and the pre-recording elements in the past for a certain period of time. Withdrawal from the click-through rate of the corresponding link, and at least one of the items sold by the Web site or the number of the services provided by the W eb webpage for the purpose of connecting the pre-recorded elements in the past period Retrieving one piece of data in a certain period after a certain period; the pre-recording initial position setting step includes: a step of referring to the pre-recorded access data extraction step, and determining the number of the initial position of the pre-record based on the extracted data; The initial position of the plural is set to a position outside the display area of the pre-recording element of the web browser. By referring to the user history from the current time to the current period, and setting the number of initial positions, it is possible to display more small icons on the date and time when access is likely to be possible, on the date when the access may be less. Less small icons are displayed in time. Based on the past history of the user's operation terminal, the current "popularity" is statistically estimated. The "pop" that is caused by the calendar factor can be visually presented. The pre-recording period is any period of one day, one week, one month and one year. 'Before a certain period of time is a certain period of time, the pre-recording initial position setting step' is based on the number of browsing times, the selection rate, and the order quantity in the current time. It is desirable to determine the number of initial positions in the previous record for any data. -11 - 201120748 In the above-mentioned invention, the "popularity" caused by the calendar factor can be visually presented. The access data extraction step is performed by including the number of times of browsing of the web page of the connection purpose of the pre-recorded elements in a certain period of time in the past, the click rate of the link corresponding to each element in the past for a certain period of time, and One piece of data is extracted from the access data of at least one of the products sold on the Web page for the connection purpose of the pre-recorded elements of the previous period, and the number of orders for the services provided; It is preferable to set the target elements of the pre-recorded plural small icons based on the access data that has been extracted from the previous record. In the above invention, only the popular web page is set as the target element with reference to the user's history. In this way, the current good products and the like can be visually recognized by the user. Based on the past access data, the target element of the small icon is set, and the small icon is focused on the element, whereby the popular product or the like can be visually recognized by the user. The access load detection step is to provide the current server load of the web server of the web page for which the connection target of each target element is linked, and to detect; the pre-recording target position setting step is based on the pre-log server load, and It is preferable to set an element including a target position from each target element. By detecting the current server load and setting the target element based on the server load, the user can be induced to a web page a -12-201120748 that does not feel pressure, and the server load can be equalized. Preferably, the 'pre-recorded object displacement step includes: the next position candidate setting step' is to set the next position candidate corresponding to the next display position of the preceding item to be plural; and the next position setting step is In the next position candidate set in the previous record, one position is selected and set to the next display position; and the next position shift step of the object is to shift the pre-recorded object from the current display position to the next time that the pre-record has been set. Display position. In the present invention, the next position candidate of the small icon is set to 'set the next display position from the display position'. Therefore, the small icon will be traversed or smashed in the web page. In the end, the small graphic system will focus on the target location. However, during the period before the concentration, the small icon is not linearly displaced, but is shifted toward the plural element, so that the migration to the specific element can be alleviated. In addition, during the period until the small icon is concentrated, the user will look at the web page, so the web page stays longer. The next position candidate setting step is based on the positional relationship between the current display position of the object and the target position set in the previous record, and the next direction candidate corresponding to the candidate for the direction in which the previous object is displaced next time is biased. In the next position setting step, it is preferable to set the previous position in the direction of each of the next direction candidates set in the previous note. In the present invention, the next position candidate is biased to the target position in accordance with the positional relationship between the display position and the target position, and the next position candidate is set to -13-201120748, so that the small icon can be accelerated to the target position. When it is concentrated on the display area of the next bit element set in the previous position setting step, the next position of the previous object is executed, and the display of the non-preceding element set in the next position setting step is described. When the area is outside, it is forbidden to execute the step of moving the pre-recorded object downwards. In this way, it is not only the small icon that does not perform the step of prohibiting execution in the element, the small icon will appear to be in a stopped state. Simple processing can make the movement of the small image_various. The pre-recording object displacement step includes: for each pre-recording, the displacement processing of the small icon is preferably performed with a certain probability or random processing. In this way, it is possible to express the action of stopping the footsteps of the small figure and stopping the performance of the surrounding elements of the footsteps. The access data extraction step is selected from the points corresponding to the pre-recorded elements in the predetermined period of the browsing period of the Web page for the purpose of linking the elements of the pre-recording elements in the current period. In the case of at least one of the items of the goods sold or the number of orders for the services provided for the purpose of linking the elements, one piece of data is extracted; the step of shifting the items in the preceding item is such that the access data that has been extracted is more than a certain amount. For each illustration, it is desirable to have the pause in the displacement processing of the small icon. In the present invention, it is immediately detected that the position of the pre-recording step is shifted to the position of the second webpage, and the positional displacement is performed, and therefore, in the illustration, the period is suspended, and the number of periods, the current rate, and the through-period are performed. The access of the Web page is: the current one is small, the more reasonable access - 14-201120748 is increased, and the small icon is suspended to the collection of the Web page, so the limited time for the EC website to snap up this type The amount of access is likely to increase, so that users who actually access it can not feel the web page. Further, during the period until the small icon is concentrated, the user will note the web page, so the web page stays longer. In the case of the access data extraction step, the link corresponding to each element in the predetermined period of the browsing time of the Web site of the connection purpose of the pre-recording elements in the present is selected within a certain period of time. In the data of at least 1 of the number of orders for the goods sold or the services provided for the purpose of linking the elements of the pre-recording, the data is extracted from the data, and the reading step of the item is a certain threshold or more. Each pre-delay causes the small icon to focus on the pre-recorded target location or its surroundings. In the present invention, it is immediately detected that the specific web page is increased, and the small icon is delayed to the center of the Web page. Therefore, it is easy to increase the amount of access to the EC website for limited time. Users who can actually access it are not allowed to display the web page. In the access data extraction step, the number of times of viewing of the Web page for which the connection purpose of each element is periodically recorded, the point of selection of the link corresponding to each element in the current period, and the pre-recording period for a certain period of time The Web site for the purpose of linking the elements can temporarily delay the attention of the web page to the pressure of the Web, the current rate, and the access to the Web page. At least one piece of information obtained from the number of orders for the goods sold or the number of the services provided by the current page is priced. The pre-recording object displacement step is to promote the small icon to focus on the pre-recording target position for each pre-recording small icon when the differential information of the access data extracted by the current access data extraction step is less than a certain threshold Its surroundings are ideal. In the present invention, the differential data of the current access data can be extracted to avoid a sharp concentration of access, that is, it can detect that the access to a specific web page is a regular move, or It is measured that congestion has approached mitigation, and the user's actions are induced to specific web pages. The access data extraction step is performed from the number of times of browsing of the web page including the connection purpose of each element in the current period, and the point of selection of the link corresponding to each element in the current period of time, and In the access data of at least one of the products sold by the Web page of the connection purpose of the pre-recorded elements of the pre-recorded period or the number of the services provided, a piece of data is extracted; When the differential 値 of the extracted access data is above a certain threshold ,, for each of the pre-recorded small graphs 'delay, the small icon is concentrated on the pre-recorded target position or its surroundings. In the present invention, the current memory can be saved. The differential data of the data is extracted to predict that a gradual violent access concentration will occur, that is, the dramatic increase in access to a particular web page can be detected immediately, and the small icon is delayed to the web page. concentrated. In this way, the user is induced to a web page that does not feel pressured, and the access concentration of the specific web page can be alleviated. μ -16-201120748 has an access load detection step, and the target elements of the pre-record are provided. The server load of the web server of the connection destination web page is detected for a certain period of time; the pre-recording object displacement step is that when the differential value of the current server load is less than a certain threshold, it is small for each pre-record As shown in the figure, it is preferable to concentrate the small icon on the pre-recorded target position or its periphery. In the present invention, it is detected that the server load of the web server providing the specific web page is promoted, and the small icon is used to concentrate the Web page with less load, so that the user can be informed immediately that the user is not stressed. Web pages that ease access to specific web pages. With the access load detection step, the server load of the web server of the Web page of the connection destination of each target element is provided for detection within a certain period of time; the pre-recording object displacement step is the current server When the differential 値 of the load is equal to or greater than a certain threshold ,, it is preferable that the small icon is concentrated on the pre-recorded target position or its periphery for each of the small icons. In the present invention, the server load of the web server providing the specific web page is detected, and the small webpage is concentrated on the webpage with a large load, so that the migration opportunity to other webpages can be created, and the specific webpage can be alleviated. Access concentration. In addition, by detecting the access data or the server load, facilitating the concentration of each element by the small icon, or delaying the concentration of each element, etc., it can be used in a web page containing a plurality of elements. The person is induced to a web page that can be operated without feeling stressed. -17- 201120748 [Embodiment] <Definition> • Element... The text displayed in the Web page is a general term for images, graphics, buttons, and so on. • Linked elements··. Elements that are set to connect to other web pages 〇 • Small icons... Various data or processing functions are displayed on the display screen as graphics or pictorial characters. In the following description, it is an image that is not set to connect to another web page. • The content area of the element... The area in which the element is displayed in the web page. If there is a character to be linked, it is a range surrounded by a broken line or the like at the time of selection. If it is an image, a graphic, a button, etc., it is a frame of the image, figure, button, etc. • The display area of the browser... The area in which the browser is displayed within the web page. • Displacement Moves a specific small icon from point 1 to point 2. For example, the following forms are available. (a) Take a plurality of points on the line (line segment, curve, and fold line) connected to the first point and the second point, and repeat the display of the small icon at high speed at each point. Eliminate (b) to make the first The small icon in the point display slides to point 2. (c) When the first point is close to the second point, the small icon in the first point display is erased, and the small icon is displayed on the second point. -18 - 201120748 (d) Starting from point 1 and repeating at least one of (a) to (c) above, the small icon is finally placed at point 2. <Embodiment> [1. System Configuration] Fig. 1 is a diagram showing the configuration of the system of the embodiment. As shown in Fig. 1, the system of the present embodiment is a client/servo that is connected to the web server 1 and the user terminal 20 via a communication network (the Internet 3 in the system of the present embodiment). System. The Web Server 1 has a web DB 1 1 that memorizes various materials (HTML and images, style sheets, scripts, etc., hereinafter collectively referred to as "W eb data") that constitute a Web site. The Web data specified in response to the request from the user terminal 2 is sent to the user terminal 20. Further, the Web server 1 has a user d b 1 2 that has the user's login information (address, name, age, gender 'mail address, hereinafter collectively referred to as "user attribute"). The user D B 1 2 provides the attribute information required to generate the Web page to the Web server 1 Ο ’. In addition, the Web server 1 has a history of using the history of each web page (the number of times of the year, month, day, week, or time, the number of clicks, the number of purchases, and the number of purchases). 1 3. The history DB 1 3 provides the web server 10 with the history information necessary for generating the web page. The user terminal 20 is provided with a web browser, and reads the web data received from the web server 201120748 10 and displays it. On the display. In addition, the web browser supports the interpretation and execution of scripts (for example, programs written in JavaScript), assuming that the interpretation and execution settings are enabled. The user terminal 2 is an existing information processing terminal (for example, an electronic computer such as a personal computer) having a communication function. [2. Object shift program] [(a) Feature] In the system of the present embodiment, a script (object shift program) is embedded in the Web page transmitted by the Web server 1 to be executed by the user terminal 20. Further, in the web page, the link element (the link element to which the connection to another web page is set, etc.) is the user terminal 20 that has been read and configured by the plurality of web pages, and is plural in the web page. Small icons (images that are not set to link to other web pages) are shifted from the initial position to the target position, along with various access data and statistics (such as number of views (PV), point of selection (CTR), The number of orders, etc., and the small icons are proportionally distributed to the elements in the web page, and the small icons are concentrated to the periphery of each element. At this time, in the target position, the small icon may be displayed in an overlapping manner on the front side of the link element to intentionally prevent the user from clicking the link element. In the system of the present embodiment, in the web page, the plural link elements are embodied in a shopping mall or a shopping mall. On the other hand, the plural thumbnails are not specific to the users who visit the shopping malls or shopping malls. -20- 201120748 It is possible to present a crowd to a store or a commodity on a Web page by shifting a plurality of small icons from a predetermined starting point to a predetermined end point toward a plurality of connected elements. As a result, it is 'can be popular in the Web page' and the degree of popularity of each content can be intuitively and visually grasped. In more detail, the present invention first recognizes the display area of the elements within the Web page. As an example of the present embodiment, a captured image of a web page is generated, a saliency map is generated based on the generated image, and a priority corresponding to the saliency is calculated for each pixel of the generated saliency map, and priority is given. In the pixel area where the degree is high, the display area that becomes the element is identified. As another example of the present embodiment, in the HTML data or XML data transmitted to the user terminal 20, the HTML drawing engine analyzes the data written in the language of the web page writing, and calculates the actual display. The display area of the elements in the web page is identified by the arrangement of characters or images on the screen. Next, at least one element is set from among the plural elements in the web page. At least one element can be set from the plural elements by various current and past access data and statistics (for example, browsing times (p v ), point selection rate (CTR), order number, etc.). In addition, at least one element can be set from the plurality of elements in accordance with the current server load and the elements that are intended to be accessed and those that are not intended to be accessed. In the setting of the element, you can use the current access data, or use the past data for a certain period of time in a certain period of time, or use the current server load. In any case, as long as the threshold is set, the element can be set with the threshold - -21 - 201120748. Then, the initial position of the thumbnail is set outside the display area of the elements in the web page. The number of small icons may be one or two or more. When setting a small number of icons, the number of small icons can be determined with current or past access data or current server load. When accessing data is used, the history can be changed in accordance with the user's attributes (gender, age, region, etc.). Next, for each small icon, the target position is set in or around the content area of the target element that has been set. The target location is set from the target element. When all the elements are target elements, these elements become candidates for the target position. However, even if it is a candidate, it is sometimes not set to the target position. The target position is set in the content area, and a small icon is set on the element, so that the concentrated small icon is superimposed on the element, thereby indicating the degree of attention of the item or the like to which the element is related. Further, by setting the target position of the small icon outside the display area of the element, the content of the element can be displayed to the user', and the degree of attention of the product or the like can be expressed. Next, in the object displacement step, 'the path outside the display area is designated from the initial position' in the state of recognizing the display area, and the small icon is concentrated to the target position. Since the small graphic system does not enter the display area, but the element is displaced in the state in which the element is displayed, it does not obscure the information of the target product, etc. When you are interested, you can also migrate to a specific web page. -22 - 201120748 [(b) Execution procedure] Fig. 2 is a diagram showing an execution procedure of the object displacement program in the system of the embodiment. [1 1] The user terminal 2 0 ' specifies the u R L for the w e b server 1 而 and requests the WE b web page (S 2 0 5 a ). When the W eb server 1 receives the request for the web page from the user terminal 20 (S2〇5b), the HTML data corresponding to the specified URL is extracted from the WebDB ll, and the user DB 12 is referred to as needed. And the history DB 1 3 (S210b) is transmitted to the user terminal 20 (S2 15b). The user terminal 20 receives the HTML data from the web server 1 (S215a), displays the web page (S220a) on the display, and [12] the user terminal 2, specifies the URL to the web server and requests the HTML data. Reference material within (S225 a). When the web server 1 receives the request for reference data from the user terminal 20 (S22 5b), the reference data corresponding to the designated URL is extracted from the web DB 1 1 and referred to the user DB 12 as needed. And the history DB1 (S23〇b) is transmitted to the user terminal 20 (S235b). The user terminal 20 receives the reference material (S 2 3 5 a ) from the WEB server 10, and reads the reference material (S240a), and reflects it on the displayed web page as needed. [1 3] The user terminal 20 determines whether or not the loading of the Web page (including the reference material) is completed (S245a). If the loading is not completed (No in S245a), return to the above [1 2]' and obtain other reference materials. On the other hand, if the loading is completed (Yes in S245a), proceed to the next step [14] to start execution of the script (object shift program). -23- 201120748 [14] Perform initial processing (S250a, Fig. 3) and display switching processing (S255a, Fig. 6). Further, the display switching process (S255a) is set such that it is repeatedly executed every predetermined time (for example, every 1 microsecond) [3. Initialization processing] [(a) Initialization processing procedure] Fig. 3 The procedure for initializing the diagram is shown. Here, for example, a small icon (object) of a predetermined number (one in the present embodiment) is generated, and each small icon is placed in a different position in the Web page. In addition, a part of the small icon is also included in the repeated position. As shown in Fig. 3, the user terminal 20 performs the initializing process by the procedure of [2 1] to [27] below. In addition, the small icon (1) indicates the i-th small icon (a small icon to which identification information containing i is given). [21] specifies the display area of the browser (S300). As shown in FIG. 4, a capture of the web page is generated (S301). Next, a saliency map is generated based on the generated image (S3 02). In addition, the generation of a saliency map can utilize a saliency map generation program. For each pixel of the generated saliency map, the priority corresponding to the saliency (S3 03 ) is calculated, and the priority is recorded corresponding to each pixel (S3 〇 4). These priority data can be recorded in the form of a file (for example, JSON) in WebDB 1 1. By this, the pixel area with high priority is recognized as the display of the element • 24 - 201120748 area. The area in the oblique line portion in the still image in Fig. 11 is judged to be significantly higher. In the saliency map, it is represented by the color corresponding to the visible light having a shorter wavelength. In the same display example, the area outside the oblique line portion in the still image is judged to be less significant, and is represented by a color corresponding to a longer wavelength of visible light (approximately red to yellow). Next, among the elements arranged in the web page, candidates for the target elements are specified (S 3 1 0). For the specific target element candidates, refer to the usage history DB 1 3 ' by means of current or past access data and statistics (for example, number of visits (PV), point of selection (c TR), order number, etc.)' Set at least one element from the plural elements. Further, it is possible to set at least one element from the plurality of elements by referring to the Web server 1 〇 ‘ to identify the element that is desired to be accessed and the element that is not desired to be accessed, depending on the current server load. When setting the elements, you can use the current access data, or use the past data for a certain period of time when you return to a certain period, or use the current server load. In any case, as long as the threshold is set, the element can be set based on the threshold. In addition, the current access data, the past data of a certain period of time when a certain period of time is returned, and the time difference of the current server load are determined, and it is determined that there is a Web page in the access concentration or the server load is positive. It is preferable to specify the candidate of the target element or to exclude the candidate of the target element from the gradually increasing Web page, and to specify the candidate of the target element. [2 2] In the counter i indicating the number of the small icon, the initial value 値 1 (S 3 1 5 ) is substituted. -25- 201120748 [23] An object (small graphic [i]) that generates a small icon (image element) (S320). Next, the video file is set for the small icon [i] (S325), and the size (horizontal width and vertical width) (S3 3 0 ) of the small icon [i] in the web page is set as a sub-element of the file element. Small icon [i] (S33 5). [24] It is determined whether or not the counter i is equal to the predetermined number (in the present embodiment, 100) (S34〇). When the counter i is less than the specified number (S34〇

No)，則對計數器i加算i(S3 45 )，返回上記〔23〕。另 —方面’當計數器i等於所定數時（S3 40中Yes )，則前進至下記〔25〕。在本實施形態中，雖然例示了計數器i是1 00的情形，但將計數器之數値設定如下，較爲理想。計數器之數値，係爲小圖示的數目。當全部的小圖示都配置在不同初期位置時’計數器之數値係爲初期位置的數目。此外，作爲變形例，亦可將小圖示的數目設爲100的狀態下’將初期位置在相同位置設定1 00次。此情況下， 1 〇〇個小圖示看起來會從相同初期位置起開始朝目標位置位移。計數器之數値，係參照利用履歷DB 1 3，根據過去之~ 定期間內的各要素之Web網頁的瀏覽次數、過去之一定期間內的各要素之點選率、及透過過去之一定期間內的各要素之Web網頁所販售之商品或所提供之服務的訂購數的至少1者’來作設定，較爲理想。藉由從這些存取資料之中抽出回朔一定週期之後的一定期間內的1筆資料來設定計數器之數値，就可以近似於使用者正在存取之狀況來顯示 -26- 201120748No), add i to the counter i (S3 45), and return to the above [23]. On the other hand, when the counter i is equal to the predetermined number (Yes in S3 40), the process proceeds to the following [25]. In the present embodiment, the case where the counter i is 100 is exemplified, but it is preferable to set the number of counters as follows. The number of counters is the number of small icons. When all the small icons are arranged at different initial positions, the number of counters is the number of initial positions. Further, as a modification, the initial position may be set to the same position once in the state where the number of small icons is set to 100. In this case, 1 small icon appears to shift from the same initial position to the target position. The number of counters refers to the use history DB 1 3, the number of times of browsing of the web pages of each element in the past period of time, the selection rate of each element in the past for a certain period of time, and the passage of the past period. It is preferable to set at least one of the number of products sold by the Web page of each element or the number of orders for the services provided. By extracting one piece of data from a certain period of time after a certain period of time from the access data, the number of counters can be set, and it can be displayed similarly to the situation that the user is accessing -26-201120748

Web網頁。又，亦可取得現在的存取資料、現在的伺服器負荷對時間的微分値’判別出預料到會有存取集中之W e b網頁、伺服器負荷逐漸增大的Web網頁，而設定計數器之數値。〔25〕對表示小圖示之號碼的計數器丨中，代入1 ( S 3 5 0 )。〔2 6〕將小圖示[i ]的配置位置設定至初期位置（s 3 5 5 )。此時點上’小圖示[i]係被顯示在Web網頁內的顯示區域外。〔27〕判定計數器i是否等於所定數（在本實施形態中係爲100 ) ( S3 60 )。當計數器i不到所定數時（836〇中Web page. In addition, it is possible to obtain the current access data and the current server load-to-time differential 値 'determine that it is expected that there will be a Web page with an access concentration and a Web page whose server load is gradually increased, and the counter is set. Counting. [25] Substitute 1 (S 3 5 0 ) into the counter 表示 indicating the number of the small icon. [26] Set the arrangement position of the small icon [i] to the initial position (s 3 5 5 ). At this point, the small icon [i] is displayed outside the display area in the web page. [27] It is determined whether or not the counter i is equal to the predetermined number (in the present embodiment, 100) (S3 60). When the counter i is less than the fixed number (836〇

No) ’則對計數器i加算1(S365)，返回上記〔26〕。另一方面，當計數器i等於所定數時（S 3 6 〇中γ e s )，則結束初期化處理。 [(b )瀏覽器的顯示領域] 於上記程序〔2 1〕中’使用者終端2 0係將瀏覽器的顯示領域，予以特定（S 3 05 )。在W eb網頁剛讀取完畢的狀態下’瀏覽器的顯示領域係以Web網頁的左上爲原點（〇，〇) ’以右方向、下方向分別爲X軸、y軸之正方向的像素座標中’由以下的範圍而定義成矩形。 •左上（〇, 0) .右下（瀏覽器的顯示領域的橫寬之値、瀏覽器的顯 -27- 201120748 示領域的縱寬之値）瀏覽器的顯示領域的橫寬•縱寬之値，係於物件位移程式中，例如可取得成爲如下的內容値。瀏覽器的顯示領域，係隨應於瀏覽器的種類或顯示模式（標準模式、向下相容模式），而利用適切的內容値來加以特定即可。 •瀏覽器的顯示領域之橫寬：document.body.clientWidth, document.documentElement.clientWidth •瀏覽器的顯示領域之縱寬：document.body.clientHeight, document.documentElement.clientHeight [(c)目標要素的候補] 於上記程序〔21〕中，使用者終端20係從Web網頁內所配置的要素之中，特定出目標要素的候補（S310)。例如，只要如下般地特定出目標要素的候補即可。 •對Web網頁中的特定要素（例如，特定的連結影像、特定的連結文字或其他特定的連結要素）附加所定之識別元（id )，將該當各識別元所被賦予之要素，當作目標要素的候補。 [(d )小圖示物件的內容項目] 於上記程序〔23〕中，使用者終端20係生成小圖示的物件（小圖示[i] ) ( S 3 20 )。此時，例如，參照使用者DB 1 2，而將小圖示[i]之控制所用的內容（屬性）及控制小圖示[i]的方法（程序）， -28- 201120748 分別予以複數定義。圖5中係圖示小圖示物件的主要內容項目。如圖5所示，各小圖示物件’係含有：「小圖示資訊」、「小圖示號碼」、「初期位置」、「目標位、「行進方向」、「剛才的行進方向」、「1次之位離」、「略過閾値」、「略過計數器」、及「行進方示資料列」。此處，「略過閎値」’係爲一定或隨機的數値。 [(d -1 )小圖不號碼] 於圖5中，「小圖示號碼」係對小圖示[i ]所設定應於小圖示種類的數値。小圖示號碼，係隨著小圖示的比例分配中所用的統計資料之母集合的使用者的屬性（例如性別、年齡及具有該當各屬性之使用者的比率，而適宜設定。例構成統計資料之母集合的使用者的男女比例若爲40 : 則以對應於男性的小圖示號碼：對應於女性的小圖示 = 40: 60的方式來設定小圖示號碼即可。 [(d-2 )初期位置] 於圖5中，「初期位置」係於Web網頁內最初顯示示[i]的位置。在本實施形態中，係在上記程序〔2 1〕特定之瀏覽器的顯示領域內的顯示區域外的隨機位置定初期位置。識別置」移距向指之對構成等）如， 60，號碼小圖中所，設 -29- 201120748 其他’亦可在Web網頁內的特定位置，設定初期位置 [(d-3 )目標位置] 於圖5中’ 「目標位置」係於Web網頁內使小圖示[i] 最終集中的位置加以指標的位置。在本實施形態中，從上記程序〔2 1〕所特定之目標要素的候補之中，將任一者，例如，以正比於各要素（候補）所對應之統計資料之大小的機率加以選擇’將該當選擇之目標要素的左上位置或該當要素的內容領域內的顯示區域外的隨機位置，設定成目標位置。甚至’亦可對每一小圖示號碼（使用者屬性），個別地選擇目標要素而設定目標位置。此外，作爲統計資料，係爲各目標要素（候補）的連結目的之Web網頁的瀏覽次數（PV )、該當連結的點選率 (CTR )、透過該當Web網頁所販售之商品或所提供之服務的訂購數等’較爲理想。又，算出這些對時間之微分値 ’就可判別出存取維持定常狀態之要素或存取有增加傾向之要素而維持作爲目標位置不變，或是從目標位置中排除等等。藉此，就可緩和對特定要素的集中存取。在該處理中’係可對微分値設定一定的閾値，參照該閾値而維持作爲目標位置不變，或是從目標位置中排除。 [(d-4 )行進方向、剛才的行進方向] 於圖5中，「行進方向」係表示小圖示[i]之行進方向 -30- 201120748 的數値。又’ 「剛才的行進方向」係表示小圖示⑴剛行進方向的數値。例如設定成0 (停止）、1 (上）右）、3 (下）、4(左）即可。在本實施形態中’藉由比較「行進方向」與「剛行進方向」’而判定小圖示[i ]的行進方向是否有變化 6的 S5 5 5 )。 [(d-5 )行進方向指示資料列] 於圖5中，「行進方向指示資料列」係將表示行向之數値加以儲存的數列。例如，假設合計保持9個 (數値），將前面5個要素（依序爲〇，i，2, 3, 4)設變値，將後面4個値設成可變値。在本實施形態中’爲了使小圖示[i]容易朝目標位方向行進，而將設定成不變値的數値作適宜變更，對進方向執行一定之加權處理（圖6的S 5 3 0 )。例如，取得現在的存取資料或其微分値、現在的器負荷或其對時間的微分値，當存取是定常狀態時、擠有緩和傾向時，則即使發生前往各要素之Web網頁取，使用者仍不會感到壓力’伺服器也不會有負擔，加速小圖示的位移速度。 [(e )影像檔案的設定] 於上記程序〔23〕中，使用者終端20係對小圖示定影像檔案（S 3 2 5 ) ° 才的 2 ( 才的 (圖進方要素成不置的各行伺服或擁的存因此 [1]設 -31 - 201120748 具體而言’係設定小圖不號碼（圖3)所；對應、的影像檔案。各影像，係除了靜止影像’亦可爲動畫影像（例如動畫GIF形式）。此外，影像係爲容易直覺地掌握小圖示的比例分配中所用的構成統計資料之母集合的使用者的屬性（例如性別等）的影像，較爲理想。又’亦可在小圖示的一部分含有文字（數字），而使使用者的屬性（例如年齡層等）容易被掌握。 [4 .顯示切換處理] [(a)顯示切換處理之程序] 圖6係圖示顯示切換處理之程序。如圖6所示，使用者終端20，係藉由下記〔3 1〕〜〔 36〕之程序，來執行顯示切換處理。如上述，顯示切換處理係被設定成，每隔所定時間（例如每1 〇〇微秒）就會反覆執行（參照圖2的S25 5 a)。此外，小圖示[i]係表示接著第i個小圖示（被賦予了含有i之識別資訊的小圖示）。〔31〕對表示小圖示之號碼的計數器i中，代入初期値 1 ( S 5 0 5 ) 〇〔3 2〕取得小圖示[i]的現在位置（現在的配置位置）及目標位置（S5 1 0、S5 1 5 )，判定現在位置是否距離目標位置在所定範圍內（S520 )。當現在位置是距離目標位置在所定範圍內時（S520中Yes)，將表示行進方向的數値 «1% -32- 201120748 變更成〇(停止），前進至下記〔35〕。另一方面，當現在位置並非距離目標位置所定範圍內時（S 5 2 0中N 〇 )，則前進至下記〔3 3〕。〔3 3〕判定式「略過計數器 > 略過閾値」的真僞判定 (S 5 2 5 )。判定式爲真時（S 5 2 5中γ e s )，設定小圖示[i ] 的行進方向（S530) ’對略過計數器代入〇(S535)，前進至下記〔34〕。另一方面，判定式爲僞時（S525中N〇) ’對略過計數器加算1 (S54〇)，前進至下記〔34〕。〔34〕設定小圖示⑴的下次位置（下次所被顯示之位置）（S 5 4 5 ) ’將小圖示[i ]的配置位置變更成下次位置（ S 5 5 0 )= 〔3 5〕判定小圖示[i ]的行進方向是否有變化（s 5 5 5 ) 。當小圖示[i ]的行進方向有變化時（s 5 5 5中γ e s )，則隨著行進方向而將影像檔案予以變更（S 5 60 )，將小圖示[i] 在Web網頁內的尺寸（橫寬及縱寬）配合著變更後的影像檔案而予以變更（S565)，前進至下記〔36〕。另一方面 ’小圖示[i ]的行進方向沒有變化時（s 5 5 5中N 〇 )，則前進至下記〔3 6〕。〔36〕判定計數器i是否等於所定數（在Web網頁內位移之小圖示的數目’在本實施形態中係爲1 〇〇 )( S 5 7 0 ) 。當計數器i等於該當所定數時（s 5 7 〇中γ e s )，則結束顯示切換處理。另一方面，當計數器i不等於該當所定數時 (S 5 7 0中N 0 )，則對計數器i加算1 ( S 5 7 5 )，返回上記〔 32〕。 -33- 201120748 [(b)小圖示的集中] 於上記程序〔32〕中，使用者終端20係判定現在位置是否距離目標位置在所定範圍內（S520)。當現在位置是距離目標位置在所定範圍內時（S520中Yes)，就不會令小圖示[i]位移。藉此，在小圖示[i]抵達目標位置之周邊的時序上，小圖示[i]的位移就結束，小圖示[Π會停止在目標位置的周邊 [(c)行進方向的維持] 於上記程序〔33〕中，使用者終端20係判定判定式「略過計數器〉略過閩値」的真僞（S525)。判定式爲僞時 (S525中No)，對略過計數器加算1(S540)，前進至下記〔3 4〕。藉由此處理，使得行進方向不會被頻繁地變更。又，若略過閾値是隨機値，則可針對每一小圖示在隨機的時序上改變行進方向。 [(d)行進方向的設定] 於上記程序〔33〕中’使用者終端20係設定小圖示⑴ 的行進方向（S 5 3 0 )。例如，考慮到小圖示⑴的現在位置與目標位置的位置關係，而將下次方向設定如T °藉此’小圖示[Π就容易隨 -34- 201120748 機地往目標位置方向作位移。〔41〕求取現在位置（XI, Y1 )與目標位置（X2, Y2 )之各成分的差，對加權用變數w 1及w2，代入所定的値〇 .橫方向之加權變數W 1 — ( X 1 -X2 )若爲負則2 (右 )、若爲正則4 (左） •縱方向之加權變數w2— ( Y1-Y2 )若爲負則3 (下 )、若爲正則1 (上）〔42〕對「行進方向指示資料列」（參照圖5 )的可變値，設定變數wl, w2的値。例如，對4個可變値，將變數wl, W2的値分別每次設定2個。〔4 3〕將加權過的「行進方向指示資料列」的要素（此處係爲不變値與可變値總計9個要素）之任一者予以隨機選擇，設定成下次方向。 [(e )設定下次位置] 於上記程序〔34〕中，使用者終端20係設定小圖示的下次位置（下次顯示之位置）（S 5 4 5 )。具體而言，將以現在位置爲基點，往下次方向遠離年目當於1次位移距離的位置，設定成下次位置。當表示行@ 方向的數値是0 (停止）時，將現在位置直接設定成配胃位置（不變更配置位置）。 f ( f)影像檔案的變更] -35- 201120748 於上記程序〔3 5〕中，使用者終端2 0係判定小圖示[i ] 的行進方向是否有變化（S555)。當行進方向變化時（ S 5 5 5中Yes)，隨著行進方向而變更影像檔案（S560 ) ^ 具體而言，藉由比較「行進方向」與「剛才的行進方向」，而判定行進方向是否變化。當行進方向有變化時，則變更成對應於變化後之行進方向的影像（例如朝向行進方向之影像）的影像即可。在影像檔案變更後，將表示「行進方向」的數値，代入「剛才的行進方向」中。 [(g )顯示例] 圖7〜圖10係圖示Web網頁的顯示例。圖7〜圖10，係以人物的影像（有一定領域之影像，人物本體以外的部分係爲透明）爲小圖示，使該當小圖示隨機位移而在網頁內之要素的周邊集中的樣子的顯示例。 (圖7 )於Web網頁（600 )中，各小圖示係被配置在，瀏覽器的顯示領域內的顯示區域外的隨機位置上所被分別設定的初期位置。初期位置之數目，係參照利用履歷 DB13，隨著過去之一定期間內的各要素之Web網頁的瀏覽次數、過去之一定期間內的各要素之點選率、及透過過去之一定期間內的各要素之Web網頁所販售之商品或所提供之服務的訂購數而設定。又，亦可取得現在的存取資料或其微分値、現在的伺服器負荷或其對時間的微分値，當 Web網頁發生存取集中時或預想到Web網頁的存取集中時，就將初期位置的數目下修調整。 -36- 201120748 又，亦可取得現在的存取資料、現在時間的微分値，參照Web伺服器1 0的伺服數超過一定閾値時，或存取數的微分値超則爲了控制存取，而將初期位置的數目下' (圖8 )各小圖示係在顯示區域外獨重複位移。位移中的小圖示，係被變更成之朝向的影像。部分的小圖示，係在目標所被設定之目標位置的周邊停止。和初期位置的設定時同樣地，可取得或其微分値、現在的伺服器負荷或其對時 Web網頁發生存取集中時或預想到Web網，就延遲小圖示的位移速度，藉此，就可會讓其感到壓力的網頁，以及，可實現伺化。關於目標位置的分配率也同樣地，· Web網頁，取得現在的存取資料或其微j Web網頁發生存取集中時或預想到往特定集中時，就延遲小圖示的位移速度，藉此導至不會讓其感到壓力的網頁，以及，可的均等化。反之，當存取是定常狀態時、或擁擠則即使發生前往各要素之W e b網頁的存取感到壓力，伺服器也不會有負擔，因此加速度，較爲理想。的伺服器負荷對器負荷，當存取過一定閾値時，修調整。立而往隨機方向對應於行進方向要素的左上位置現在的存取資料間的微分値，當頁的存取集中時使用者誘導至不服器負荷的均等可針對各要素的序値，當往特定 Web網頁的存取，就可使用者誘實現伺服器負荷有緩和傾向時，，使用者仍不會速小圖示的位移 -37- 201120748 (圖9 )大半的小圖示，是在目標位置的部分領域中停止。在本實施形態中，係令其停止在部分領域，但亦可使其不重複於顯示區域，而停止在顯示區域的周圍。 (圖10)所有的小圖示都分別集中至目標位置的周邊〇由這些顯示例可知，在本實施形態的系統中，複數小圖示係不與顯示區域重複，各自位移而集中到網頁內各要素或其周邊，藉此就可將對商品的人潮聚集程度、店舖的擁擠程度，在Web網頁上以視覺方式呈現。其結果爲，瀏覽Web網頁的使用者，係可直覺地掌握各內容的人氣程度。 [5.變形例] [(變形例1 )藉由使用者操作而使小圖示移動] 亦可使Web網頁內所配置的全部或部分小圖示，藉由使用者的操作（例如滑鼠拖放）而移動。例如，將已被拖曳之小圖示的配置位置，變更成放下處即可。此時’藉由將已被移動之小圖示的初期位置設定成放下處’就可視爲顯示切換處理（圖2的S255)所致之位移處理的對象。 [(變形例2)以不重疊於特定要素之方式而使小圖示位移的其他實施形態] 於Web網頁內中，亦可使小圖示不會重疊於該網頁內No) ' adds 1 to the counter i (S365), and returns to the above [26]. On the other hand, when the counter i is equal to the predetermined number (γ e s in S 3 6 〇 ), the initialization process is ended. [(b) Display area of the browser] In the above-mentioned program [2 1], the user terminal 20 specifies the display area of the browser (S 3 05 ). In the state where the Web page has just been read, 'the display area of the browser is the top left of the Web page (〇, 〇) 'The pixels in the positive direction of the X-axis and the y-axis in the right and the downward direction, respectively. In the coordinates, 'the rectangle is defined by the following range. • Top left (〇, 0). Bottom right (the width of the display area of the browser, the display of the browser -27- 201120748 shows the width of the field) The width of the display area of the browser • The width of the field値, in the object displacement program, for example, the following contents can be obtained. The display area of the browser is adapted to the type of browser or display mode (standard mode, downward compatible mode), and can be specified by using appropriate content. • The width of the display area of the browser: document.body.clientWidth, document.documentElement.clientWidth • The width of the display area of the browser: document.body.clientHeight, document.documentElement.clientHeight [(c) candidate for the target feature In the above-described program [21], the user terminal 20 specifies a candidate for the target element from among the elements arranged in the web page (S310). For example, the candidate of the target element may be specified as follows. • Appropriate identification elements (id) to specific elements in the web page (for example, specific link images, specific link characters, or other specific link elements), and target the elements to which each identifier is assigned The candidate for the element. [(d) Content item of small graphic object] In the above-mentioned program [23], the user terminal 20 generates an object (small graphic [i]) (S 3 20 ) of a small icon. At this time, for example, referring to the user DB 1 2, the content (attribute) used for the control of the small icon [i] and the method (program) for controlling the small icon [i], -28-201120748 are respectively plurally defined. . In Fig. 5, the main content items of the small graphic object are illustrated. As shown in FIG. 5, each small icon object includes: "small graphic information", "small graphic number", "initial position", "target position, "traveling direction", "just traveling direction", "One time away", "Skip threshold", "Skip counter", and "Traveling data column". Here, "skip" is a certain or random number. [(d -1 ) Small picture no number] In Fig. 5, the "small picture number" is the number of the small picture type set for the small picture [i]. The small graphic number is appropriately set according to the attributes of the user of the parent collection of the statistical data used in the proportional distribution of the small icon (for example, the gender, the age, and the ratio of the user having the attribute). If the male-female ratio of the user of the data collection is 40: the small graphic number corresponding to the male: the small graphic number corresponding to the female = 40: 60 can be set. [(d -2) Initial position] In Fig. 5, the "initial position" is the position where [i] is displayed first in the web page. In the present embodiment, the display area of the browser specified by the program [2 1] is written. The initial position outside the display area is fixed. The identification position is set to the direction of the pointer. For example, 60, in the small number chart, set -29- 201120748 Other 'can also be in a specific position within the web page , setting the initial position [(d-3) target position] In Fig. 5, the "target position" is the position where the position of the small icon [i] is finally concentrated in the Web page. In the present embodiment, one of the candidates of the target element specified by the above-mentioned program [2 1] is selected, for example, by a probability proportional to the size of the statistical data corresponding to each element (candidate). The upper left position of the selected target element or the random position outside the display area in the content area of the selected element is set as the target position. It is even possible to set the target position by individually selecting the target element for each small pictorial number (user attribute). In addition, as the statistical data, the number of times of browsing (PV) of the web page for the purpose of connection of each target element (candidate), the click rate (CTR) of the connected link, the product sold through the web page or the provided The number of orders for the service, etc. is ideal. Further, by calculating these differential 对's with respect to time, it is possible to discriminate whether the element having the access-maintaining state or the element having the tendency to increase the access is maintained as the target position or is excluded from the target position. This allows for centralized access to specific elements. In this process, the threshold 値 can be set to a certain threshold 値, and the threshold 値 can be maintained as the target position or excluded from the target position. [(d-4) Traveling direction, just traveling direction] In Fig. 5, the "traveling direction" indicates the number of traveling directions -30 - 201120748 of the small graphic [i]. Further, "the direction of travel just now" indicates the number of the small icon (1) in the direction of travel. For example, it can be set to 0 (stop), 1 (upper) right), 3 (lower), and 4 (left). In the present embodiment, it is determined whether or not the direction of travel of the small figure [i] has changed by S5 5 5 by comparing the "traveling direction" with the "just traveling direction". [(d-5) Direction of Travel Direction Data] In Fig. 5, the "direction of direction indication data" is a sequence in which the number of directions is stored. For example, suppose that the total of 9 (numbers) is maintained, and the first five elements (in order, ,, i, 2, 3, 4) are set to change, and the next four elements are set to variable. In the present embodiment, in order to make the small figure [i] easily travel in the target direction, the number set to be constant is appropriately changed, and a certain weighting process is performed in the forward direction (S 5 in Fig. 6). 0). For example, if the current access data or its differential data, the current load of the device, or its differentiation with respect to time is obtained, when the access is in a steady state, and the easing tendency occurs, even if a Web page to each element is taken, The user still does not feel pressure. 'The server does not have any burden, and accelerates the displacement speed of the small icon. [(e) Setting of video file] In the above program [23], the user terminal 20 is a small image of the video file (S 3 2 5 ) ° (only) (the picture is not set. Each line of servo or possession is therefore [1] set -31 - 201120748 Specifically, 'the setting of the small picture is not the number (Fig. 3); the corresponding image file. Each image, except for the still image', can also be an animated image. (For example, an animated GIF format.) In addition, an image is an image that is easy to intuitively grasp the attributes (such as gender) of the user who constitutes the parent set of the statistical data used in the proportional distribution of the small icon. It is also possible to include characters (numbers) in a part of the small icon, and to make the user's attributes (such as age level, etc.) easy to grasp. [4. Display switching processing] [(a) Display switching processing procedure] Fig. 6 The program for switching processing is shown in the figure. As shown in Fig. 6, the user terminal 20 performs display switching processing by the following procedures [31] to [36]. As described above, the display switching processing system is set to Every time (example) Every 1 〇〇 microsecond) will be executed repeatedly (refer to S25 5 a of Fig. 2). In addition, the small icon [i] indicates the next i-th small icon (a small image to which identification information containing i is given) [31] In the counter i indicating the number of the small icon, the initial position (the current arrangement position) of the small icon [i] is obtained by the initial 値1 (S 5 0 5 ) 〇 [3 2] The target position (S5 1 0, S5 1 5 ) determines whether the current position is within a predetermined range from the target position (S520). When the current position is within the predetermined range from the target position (Yes in S520), the direction of travel will be indicated. The number 値«1% -32- 201120748 is changed to 〇 (stop), proceed to the next note [35]. On the other hand, when the current position is not within the range specified by the target position (N 〇 in S 5 2 0), proceed [3 3] [3 3] The authenticity judgment (S 5 2 5 ) of the judgment formula "Skip the counter > the threshold 値". When the judgment formula is true (γ es in S 5 2 5), set The direction of travel of the small icon [i] (S530) 'Substitute the counter by 〇 (S535), proceed to the next note [34]. The other side When the judgment formula is false (N〇 in S525) 'Add 1 to the skip counter (S54〇), proceed to the next step [34]. [34] Set the next position of the small icon (1) (displayed next time) Position) (S 5 4 5 ) 'Change the arrangement position of the small icon [i ] to the next position (S 5 5 0 ) = [3 5] Determine whether the direction of travel of the small icon [i ] has changed ( s 5 5 5). When there is a change in the traveling direction of the small icon [i] (γ es in s 5 5 5), the video file is changed along with the traveling direction (S 5 60 ), and the small icon [i] is displayed on the web page. The inner size (width and width) is changed in accordance with the changed image file (S565), and proceeds to the next note [36]. On the other hand, when there is no change in the direction of travel of the small icon [i] (N 〇 in s 5 5 5), proceed to the next [36]. [36] It is determined whether or not the counter i is equal to the predetermined number (the number of small icons shifted in the Web page) is 1 〇〇 in the present embodiment) (S 5 7 0 ). When the counter i is equal to the predetermined number (γ 5 s γ e s ), the display switching process is ended. On the other hand, when the counter i is not equal to the predetermined number (N 0 in S 5 7 0), the counter i is incremented by 1 (S 5 7 5 ), and the above is returned [32]. -33- 201120748 [(b) Concentration of small icons] In the above-mentioned program [32], the user terminal 20 determines whether or not the current position is within a predetermined range from the target position (S520). When the current position is within the specified range from the target position (Yes in S520), the small icon [i] is not displaced. Thereby, the displacement of the small icon [i] ends when the small icon [i] reaches the periphery of the target position, and the small icon [Π stops at the periphery of the target position [(c) maintenance of the traveling direction) In the above-mentioned program [33], the user terminal 20 determines the authenticity of the determination formula "Skip the counter" skips (闽値) (S525). When the determination formula is false (No in S525), the counter is incremented by 1 (S540), and the process proceeds to the following [34]. By this processing, the traveling direction is not frequently changed. Also, if the threshold 値 is random 値, the direction of travel can be changed at random timing for each small icon. [(d) Setting of the traveling direction] In the above-mentioned program [33], the user terminal 20 sets the traveling direction of the small figure (1) (S 5 3 0 ). For example, considering the positional relationship between the current position of the small icon (1) and the target position, the next direction is set to T ° by this 'small icon [Π It is easy to shift to the target position with the -34-201120748 machine ground. . [41] Find the difference between each component of the current position (XI, Y1) and the target position (X2, Y2), and substitute the weighted variable w 1 and w2 for the weighted variable W 1 - (the horizontal direction). X 1 -X2 ) If negative, 2 (right), if positive 4 (left) • Longitudinal weighted variable w2— ( Y1-Y2 ) if negative, 3 (lower), if positive, 1 (top) [42] For the variable 値 of the "traveling direction indication data column" (see Fig. 5), set the variables wl, w2. For example, for four variable 値, the 値 of the variables wl and W2 are set to two each time. [4 3] The elements of the weighted "direction of direction indication data" (here, the constant 値 and the variable 値 total of 9 elements) are randomly selected and set to the next direction. [(e) Setting the next position] In the above-mentioned program [34], the user terminal 20 sets the next position of the small icon (the position to be displayed next time) (S 5 4 5 ). Specifically, the current position is used as the base point, and the next position is set to the next position in the next direction away from the position of the displacement distance. When the number 表示 indicating the direction of the line @ is 0 (stop), the current position is directly set to the stomach position (the position is not changed). f (f) Change of video file] -35- 201120748 In the above program [3 5], the user terminal 20 determines whether or not the traveling direction of the small icon [i] has changed (S555). When the traveling direction is changed (Yes in S 5 5 5), the image file is changed in accordance with the traveling direction (S560). Specifically, by comparing the "traveling direction" with the "just traveling direction", it is determined whether the traveling direction is Variety. When there is a change in the traveling direction, it may be changed to an image corresponding to the image of the changed traveling direction (for example, an image directed toward the traveling direction). After the image file is changed, the number indicating the "direction of travel" is substituted into the "traveling direction". [(g) Display Example] FIGS. 7 to 10 are diagrams showing a display example of a web page. In Fig. 7 to Fig. 10, the image of the person (the image of a certain field is transparent, and the part other than the body of the character is transparent) is a small icon, so that the small icon is randomly displaced and concentrated around the elements in the web page. Display example. (Fig. 7) In the Web page (600), each small icon is placed at an initial position which is set at a random position outside the display area in the display area of the browser. The number of the initial positions refers to the usage history DB 13, the number of times of browsing of the Web pages of each element in the past for a certain period of time, the selection rate of each element in the past for a certain period of time, and each of the past periods. The number of products sold by the Web page of the element or the number of orders for the services provided is set. Moreover, it is also possible to obtain the current access data or its differential data, the current server load or its differentiation with time, and when the web page is accessed and concentrated, or when the access concentration of the web page is expected, the initial stage will be The number of positions is adjusted downwards. -36- 201120748 In addition, the current access data and the current time differential can be obtained. When the servo number of the Web server 10 exceeds a certain threshold, or the differential number of the access number exceeds, the access is controlled. Under the number of initial positions, (Fig. 8) each small figure is repeatedly displaced outside the display area. The small icon in the displacement is the image that is changed to the orientation. Part of the small icon stops at the periphery of the target position where the target is set. In the same manner as in the initial position setting, the displacement speed of the small icon can be delayed by obtaining the differential or the current server load or the time when the web page is accessed or the Web network is expected to be concentrated. A web page that can make it feel stressed, and can be implemented. Similarly, the allocation rate of the target position is similar to that of the Web page, when the current access data is acquired, or when the micro-j web page is concentrated, or when a specific concentration is expected, the displacement speed of the small icon is delayed. Lead to pages that don't put pressure on them, and, equally, can be equalized. On the other hand, when the access is in the steady state or is crowded, even if the access to the Web page of each element is felt, the server does not have a burden, so it is preferable to increase the speed. The server loads the load of the controller and adjusts when a certain threshold is accessed. The random direction corresponds to the differentiation between the access data of the upper left position of the traveling direction element, and when the access of the page is concentrated, the user can induce the equalization of the unloaded load to be specific to each element, and to the specific When the web page is accessed, the user can induce the server load to be moderated. The user still does not have a small displacement. -37- 201120748 (Fig. 9) Most of the small icons are at the target position. Part of the field stops. In the present embodiment, it is stopped in a part of the field, but it may be stopped around the display area without being repeated in the display area. (Fig. 10) All of the small icons are collectively focused on the periphery of the target position. As is apparent from these display examples, in the system of the present embodiment, the plurality of small icons are not overlapped with the display area, and are respectively shifted and concentrated in the web page. Each element or its surroundings can visually present the degree of crowding of the product and the degree of crowding of the store on the web page. As a result, the user who browses the web page can intuitively grasp the popularity of each content. [5. Modifications] [(Modification 1) Moving a small icon by a user operation] It is also possible to make all or part of a small icon arranged in a web page by a user's operation (for example, a mouse) Drag and drop) and move. For example, the position of the small icon that has been dragged can be changed to the lowered position. At this time, by setting the initial position of the small icon that has been moved to the lowering position, it is regarded as the object of the displacement processing by the display switching processing (S255 of Fig. 2). [Modification 2] Another embodiment in which a small icon is displaced without overlapping with a specific element] In a web page, a small icon may not be overlapped in the web page.

S -38- 201120748 所配置之特定要素的方式作位移。例如，將Web網頁內所配置之要素（例如賦予特定名稱（name )的要素、特定標籤名的要素等）的內容領域設成禁止進入領域，將其左上位置及右下位置加以特定。然後，當小圖示的左上位置及右下位置的關係上，小圖示有重疊到禁止進入領域時，就將行進方向變更成0 (停止）即可。藉此，就可使得快侵入禁止進入領域的小圖示的位移，被暫時停止。此外，上記的處理，係假設是在下次位置的設定步驟 (圖6之S 5 4 5 )與配置位置的變更步驟（圖6之S 5 5 0 )之間執行。 [(變形例3 )] 亦可不基於統計資料，構成爲使小圖示集中至任意選擇之要素的周邊。藉此，就可刻意地演出特定要素的人氣〇此時’例如’將目標要素的候補特定即下，對每一小圖示，在從該當候補之中隨機選擇之要素的內容領域內或其周邊，設定目標位置即可。 •將特定的標籤名之要素（例如<img>標籤、<a>標籤等）當作目標要素的候補。 •對Web網頁中的特定要素（例如，特定的連結影像、特定的連結文字或其他特定的連結要素）附加所定名稱 (name) ’將該當名稱所被賦予之要素，當作目標要素的 -39- 201120748 候補。 [(變形例4 )] •亦可在Web網頁內’配置顯示切換處理（圖2之 S 2 5 5 a、図6 )的時間間隔（畫格速率）的變更要素。例如 ’以單選按鈕或下拉選單來讓人選擇所定之數値，或是讓人在輸入欄中輸入任意的數値即可。 •在Web網頁內，亦可配置動畫停止按鈕。該當按鈕被點選時，顯示切換處理（圖2的S255a、圖6)的重複就會停止。 •在Web網頁內，亦可配置重置按鈕。該當按鈕被點選時，所有的小圖示會重新配置到初期位置，重新執行顯示切換處理（圖2的S255a、圖6)的重複處理。【圖式簡單說明】 [圖1 ]系統構成的區塊圖。（實施形態） [圖2]物件位移程式的執行程序的流程圖。（實施形態 ) [圖3]初期化處理之程序的流程圖。（實施形態） [圖4]小圖示之路徑資料生成程序的流程圖。（實施形態） [圖5 ]小圖示物件的內容項目的說明圖。（實施形態） [圖6]顯示切換處理之程序的流程圖。（實施形態） [圖7](剛開始後）Web網頁的顯示例。（實施形態） -40 - 201120748 [圖8 ](處理中途）Web網頁的顯示例。（實施形態） [圖9](處理中途）Web網頁的顯示例。（實施形態） [圖1 〇](結束後）Web網頁的顯示例。（實施形態） [圖1 1 ]( a )靜止影像、【主要元件符號說明】S -38- 201120748 The way in which the specific elements are configured is shifted. For example, the content area of the elements (for example, elements assigned to a specific name (name), elements of a specific tag name, etc.) placed in the web page is prohibited from entering the field, and the upper left position and the lower right position are specified. Then, when the small icon overlaps with the prohibited entry area in the relationship between the upper left position and the lower right position of the small icon, the direction of travel is changed to 0 (stop). Thereby, the displacement of the small icon which is quickly invaded into the prohibited entry area can be temporarily stopped. Further, the above processing is assumed to be performed between the setting step of the next position (S 5 4 5 in Fig. 6) and the changing step of the arrangement position (S 5 5 0 in Fig. 6). [(Modification 3)] It is also possible to configure the small icons to be concentrated around the arbitrarily selected elements, not based on statistical data. In this way, the popularity of the specific elements can be deliberately displayed. For example, the candidates of the target elements are specified, for example, in the content area of the elements randomly selected from the candidates or Around, set the target position. • Use elements of a specific tag name (for example, <img> tag, <a> tag, etc.) as candidates for the target element. • Appropriate name (name) to a specific element in a web page (for example, a specific link image, a specific link text, or other specific link elements) 'The element to which the name is assigned is the target element -39 - 201120748 Alternate. [(Modification 4)] • It is also possible to arrange the change elements of the time interval (frame rate) of the display switching process (S 2 5 5 a, 図 6 in Fig. 2) in the Web page. For example, 'Use the radio button or drop-down menu to let people choose the number, or let someone enter any number in the input field. • An animation stop button can also be configured in the web page. When the button is clicked, the display switching process (S255a of Fig. 2, Fig. 6) is repeated. • A reset button can also be configured in the web page. When the button is clicked, all the small icons are reconfigured to the initial position, and the repeated processing of the display switching processing (S255a, Fig. 6 of Fig. 2) is re-executed. [Simple diagram of the diagram] [Fig. 1] Block diagram of the system. (Embodiment) [Fig. 2] A flowchart of an execution program of an object displacement program. (Embodiment) [Fig. 3] A flowchart of a procedure for initializing processing. (Embodiment) [Fig. 4] A flowchart of a path data generation program of a small diagram. (Implementation form) [Fig. 5] An explanatory diagram of a content item of a small graphic object. (Embodiment) [Fig. 6] A flowchart showing a procedure of a switching process. (Embodiment) [FIG. 7] (After starting) A display example of a web page. (Embodiment) -40 - 201120748 [Fig. 8] (Example of processing) Web page display. (Embodiment) [Fig. 9] (Example of processing) Web page display. (Embodiment) [Fig. 1 〇] (After completion) A display example of a web page. (Embodiment) [Fig. 1 1 ] (a) Still image, [Description of main component symbols]

1 0 : W e b伺服器 11: WebDB 12 :使用者DB1 0 : W e b server 11: WebDB 12 : user DB

1 3 :利用履歷D B 2 0 :使用者終端 (b )顯著性地圖的顯示例。 3 0 :網際網路 600 ： Web 網頁1 3 : Use history D B 2 0 : User terminal (b) Display example of the saliency map. 3 0 : Internet 600 : Web page

S -41 -S -41 -

Claims

201120748 VII. Scope of application for patents: 1. An object displacement method is an object displacement method in which a 1 or a plurality of small icons are displaced toward the respective elements in a web page containing a plurality of elements, which is characterized in that: The step of identifying the display area of the pre-recorded element in the pre-recorded web page: and the step of setting the target element, setting any one of the preceding plural elements as the target element of the pre-recorded small icon; and the 'initial position setting step, Referring to the display area identification step, the initial position of the pre-recorded small icon is set outside the display area of the pre-recorded element in the pre-recorded web page; and the target position setting step is for each of the pre-recorded small icons, and the target position is Set in the content area of the target element that has been set before or in the periphery: and the object displacement step, refer to the display area identification step, and for each of the pre-recorded small icons, the previous initial position is taken as the starting point and the pre-recorded Web page is specified. The path of the pre-recorded element outside the display area, and the small icon is displaced, and the small icon set is Note before the target position or the periphery thereof. 2. The object displacement method according to the first aspect of the patent application, wherein the access data extraction step is based on the number of times of browsing of the web page including the connection purpose of each element in the past period of time. The number of clicks on the links corresponding to the pre-recorded elements in a certain period of time, and the number of orders for the services sold or the services provided by the pre-recorded elements in the past for a certain period of time - 42- 201120748 In at least one of the access data, one piece of data is extracted; the pre-recording target element setting step sets the target element from the plurality of elements based on the access data extracted beforehand. 3. The object displacement method described in the first application of the patent scope, wherein the access load detection step is to provide the current server load of the Web server of the Web site of the connection purpose of the pre-recording elements. The detection is performed. The target element setting step is to set the target element from among the elements whose servo load is less than a certain threshold. 4. The object displacement method according to the first aspect of the invention, wherein the access data extraction step is performed from the number of browsing of the Web site including the purpose of linking the pre-recorded elements in the past for a certain period of time. The number of clicks on the links corresponding to the elements in the pre-requisite period and the number of orders for the products sold or services provided by the Web site through the connection purpose of the pre-recorded elements in the past period In the access data of one, the pen data in a certain period after a certain period of time is extracted. » The pre-recording initial position setting step 'includes: the pre-recorded access data extraction step, and the pre-recorded based on the extracted data' In the step of the number of initial positions, (|ij initial stage of complex number is set to a position outside the display area of the pre-recording element of the pre-recorded Web browser. -43- 201120748 5. As described in item 4 of the patent application scope The object displacement method 'where the pre-recording period is any one of one day, one week, one month and one year, and the pre-recording period is certain The pre-recording initial position setting step determines the number of the initial position of the pre-recording based on any of the number of times of browsing, the selection rate, and the number of orders in the current time. 6. The object displacement as described in item 1 of the patent application scope In the method, the access data extraction step is performed by including the number of times of browsing of the Web page including the connection purpose of each element in the past for a certain period of time, and the connection of the elements corresponding to the preceding items in the past for a certain period of time. One data is extracted from the access data of at least one of the products sold or the number of orders for the services provided by the Web pages of the connection purpose of the pre-recorded elements in the past period; The setting step is based on the access data that has been extracted in the previous record, and the target elements of the plural small icon are set. 7. The object displacement method described in the first application of the patent scope, wherein the access load detection The measurement step is to provide the current server load of the web server of the Web page of the connection purpose of each target element. In the detection: the target position setting step is based on the server load, and the element including the target position is set from each target element. 8 · The object displacement method described in the first application of the patent scope, In the -44-201120748, the preceding object displacement step includes: The next position candidate setting step is to set the next position candidate corresponding to the candidate position of the previous object to be set in plural; and the next position setting step, Selecting one position from the next position candidate set in the previous record, and setting it as the next display position; and the next position shifting step of the object, shifting the pre-recorded object from the current display position to the pre-recorded position. The next display position. -9. The object displacement method according to item 8 of the patent application scope, wherein the previous position candidate setting step is in accordance with the positional relationship between the current display position of the object and the target position set in the previous record. The next direction candidate corresponding to the candidate for the direction of the next displacement of the preceding object is set to be plural in the target position; the previous position setting step is set in the direction of each of the next direction candidates set in the previous note. Set the previous position before the setting. The object displacement method according to Item 9 of the patent application scope, wherein, in the case where the next position set in the previous position setting step is the outside of the display area of the pre-recording element, the next position of the pre-recorded object is performed. The execution of the displacement step prohibits the execution of the next position shifting step of the pre-recorded object when the next position set in the next position setting step is not outside the display area of the pre-recording element. 1 1. In the object displacement method described in the first paragraph of the patent application, which is -45-201120748, the pre-recording object displacement step includes: for each of the pre-recorded small icons, in the displacement processing of the small icon It is handled with a certain probability or randomly paused. 1 2 The object displacement method according to the first aspect of the patent application, wherein the access data extraction step is performed from the number of times of browsing of the web page including the connection purpose of each element in the current period. At least 1 of the number of orders for the links corresponding to the elements of the pre-recorded period and the number of orders for the products sold or the services provided by the web pages for the purpose of linking the pre-recorded elements in the current period In the access data of the user, one data is extracted; the displacement step of the preceding object includes: when the current access data that has been extracted is above a certain threshold, for each of the small icons, in the displacement processing of the small icon Let it be paused. The object displacement method according to the first aspect of the patent application, wherein the access data extraction step is performed from the number of times of browsing of the web page including the connection purpose of each element in the current period. At least 1 of the number of orders for the links corresponding to the elements of the pre-recorded period and the number of orders for the products sold or the services provided by the web pages for the purpose of linking the pre-recorded elements in the current period In the access data of the person, one data is extracted; the reading step of the object is recorded, and the access data that has been extracted is currently -46-201120748. When the threshold is above ', for each of the small icons, the delay makes the small icon focus. Before the target location or its surroundings. 1 4 · If you apply for a patent range! In the item displacement method described in the item, the access data extraction step includes the number of browsing of the Web site including the connection purpose of each element in the current period, and the pre-recording elements in the current period. In the access data of at least one of the number of the products to be sold or the number of the products to be provided by the web page of the link of the pre-recorded elements in the current period, 1 piece of data; Pre-recording object displacement step 'Currently the differential 値 of the extracted data that has been extracted is less than a certain threshold '' for each of the pre-recorded small icons, to facilitate the focus of the small icon on the pre-recorded target position or its surroundings. In the case of the object displacement method described in the first aspect of the patent application, the access data extraction step is a number of views of the Web site containing the connection purpose of the pre-recorded elements within a certain period of time, The number of clicks on the links corresponding to the elements in the pre-requisite period and the number of orders for the products sold or the services provided through the web pages for the purpose of linking the pre-recorded elements in the current period In the access data of one person, one piece of data is extracted; the step of shifting the object is described as 'the current differential value of the extracted data that has been extracted is a certain threshold 値 or more, for each small note, the delay causes the small icon to be concentrated. Before the target location or its surroundings. -47- 201120748 1 6 . The object displacement method described in item 1 of the patent application scope, wherein the access load detection step is provided by the Web server of the web page providing the connection purpose of each target element Now the server load in a certain period of time is detected; in the pre-recording object displacement step, when the current differential of the server load is less than a certain threshold, for each of the pre-recorded small icons, the small icon is facilitated to be concentrated on Pre-recorded location or its surroundings. 1 7 - The object displacement method according to the first aspect of the patent application, wherein the access load detection step is provided for a certain period of time in the web server of the web page providing the connection purpose of each target element The server load is detected; the pre-recording object displacement step, when the current differential of the server load is more than 闽値, for each of the pre-recorded small graphs, the delay causes the small icon to focus on the pre-recorded target position or Surroundings. 18·—The object displacement program is an object displacement program that shifts 1 or a plurality of small icons toward the respective elements in a web page containing a plurality of elements, and is characterized in that the web browser is used to display the pre-recorded program. The user terminal of the Web page including the plurality of elements executes: a step of identifying the display area of the pre-recorded element in the pre-recorded Web page; and the step of setting the target element, which is to use any of the preceding plural elements to be S-48- 201120748 is set as the target element of the small icon; and the initial position setting step refers to the display area identification step, and the initial position of the pre-recorded small icon is set outside the display area of the pre-recorded element in the pre-recorded Web page. And the target position setting step, for each of the pre-recorded small icons, the target position is set in or around the content area of the target element that has been set before: and the object displacement step refers to the display area identification step, and Each of the pre-recorded small icons, the previous initial position is the starting point and the display of the pre-recording elements in the pre-recorded Web page is specified. The path outside the area is shifted by the small icon and the small icon is focused on the pre-recorded target location or its surroundings. 1 9. A Web server belongs to a Web server that can be connected to a user terminal, and is characterized in that it has a Web data recording means, and is a Web material, which contains at least: a Web page containing a plurality of elements. And the object displacement program described in item 18 of the patent application scope embedded in the web page is provided with a web data transmission means, which is associated with the request from the pre-recorded user terminal, and the pre-recorded web material, Send to the user terminal. 20 _ - a computer-readable recording medium, which records an object displacement program, which belongs to an object displacement program in which a single or multiple small icons are displaced toward the respective elements in a web page containing a plurality of elements, The feature is to use a web browser to display a user terminal of a web page having a plurality of elements in advance, and execute: -49- 201120748 Add a step to a display area of a pre-recorded element in the pre-recorded web page; and set a target element setting step The prime element of the plurality of elements is set as the target element of the small icon, and the initial position setting step is set to the initial position of the small icon in the display area identification step, and is set outside the display area of the pre-recorded Web page; And the target position setting step is set for each of the pre-recorded small icons, and is set in the content area of the target element that has been set in the pre-recording: and the object displacement step, referring to the display area identification step, the pre-recording small icon, the previous record The position is the starting point and specifies the path outside the display area of the predecessor in the previous page, and the small shift is made and the Shown concentrate in the first note, or the target position of the periphery in either identify to a step, but the former will be referred to a target position or a position for each perimeter referred W e b Net diagram -50-