リファラーの重要性
HTTP リクエストにはリファラー ヘッダーがあり、現在のトラフィックのソース参照ページを示すために使用されます。たとえば、www.sina.com.cn/sports/ のリンクをクリックして cctv.com のホームページにアクセスすると、参照元は www.sina.com.cn/sports/ になります。 Javascript では、document.referrer を通じて同じ情報を取得できます。この情報により、訪問者がどのチャネルから現在のページにアクセスしたかを知ることができます。これはウェブ分析にとって非常に重要であり、このリファラー情報を分析することで、さまざまなチャネルからのトラフィックの分布やユーザーが検索したキーワードなどがわかります。
しかし、さまざまな理由により、JavaScript で読み取られるリファラーが空の文字列になる場合があります。リファラーが失われる状況を以下にまとめます。
ページ ナビゲーション用の Location オブジェクトを変更する
Location オブジェクトは、ページ ナビゲーション用の非常に実用的なオブジェクトです。 URL の一部のみを変更できるためです。たとえば、cn ドメイン名から com ドメイン名に切り替える場合、他の部分は変更されません。
window.location.hostname = "example.com";
ただし、Location を変更することによるページ ナビゲーションの方法では、Referrer が発生します。 IE では失われます。
IE5.5 では空の文字列が返されます
Chrome3.0、Firefox3.5、Opera9.6、Safari3.2.2 はすべて正常にソース Web ページに戻ります
window.open メソッドで新しいウィンドウを開きます
例:
このリンクをクリックすると、新しいウィンドウで Google Web サイトが開き、アドレスバーに次の JS コードを入力すると、送信されたリファラーが表示されます。
javascript:alert(document.referrer)
テスト結果:
IE5.5 では空の文字列が返されます
Chrome3.0、Firefox3.5、Opera9.6、Safari3.2.2 はすべて正常にソース Web ページに戻ります
同じドメイン名がこのメソッドを通じてリダイレクトされる場合、windoww.opener オブジェクトにアクセスすることで失われたリファラー情報を取得できます。コードは次のとおりです:
クロスドメインなら仕方ないですね~
マウス ドラッグで新しいウィンドウを開きます
マウス ドラッグは、現在非常に人気のあるユーザーの習慣であり、多くのブラウザーにマウス ドラッグ ブラウジングのサポートが組み込まれています。ただし、この方法で開かれたページは基本的にリファラーを失います。さらに、この場合、window.opener を使用して失われたリファラーを取得することはできません。
テスト済み:
Maxthon2.5.2、Firefox、Chrome3.0、Opera9.6、Safari3.2 用の FireGesture プラグイン。
Flash 内部リンクをクリックします
Flash をクリックして別の Web サイトにアクセスすると、リファラーの状況はさらに複雑になります。
IE では、クライアント Javascript の document.referrer を通じて読み取られた値は空ですが、トラフィック監視ソフトウェアを使用して確認すると、HTTP リクエストの Referer ヘッダーが実際には Valuable であることがわかります。これは、 IEで実装されたバグ。同時に、この値はソース Web ページのアドレスではなく、Flash ファイルのアドレスを指します。
Chrome 4.0 で Flash をクリックして新しいウィンドウにアクセスすると、リファラーもソース Web ページのアドレスではなく、Flash ファイルのアドレスを指します。
Chrome 3.0 と Safari 3.2 は同じですが、両方ともリファラー情報が失われます。
Opera は Firefox と同じで、Referrer の値はソース Web ページのアドレスです。
HTTPS から HTTP
HTTPS Web サイトから HTTP Web サイトにジャンプする場合、ブラウザーはリファラーを送信しません。すべての主要なブラウザの動作は同じです。
たとえば、HTTPS で Google Reader または Gmail を使用し、リンクをクリックして別の Web サイトに移動する場合、技術的に言えば、そのようなアクセスとユーザーが URL を直接入力することとの間に違いはありません。
リファラーの喪失が広告トラフィックのモニタリングに及ぼす影響
リファラーが失われると、Web Analytics は情報の非常に重要な部分を失い、特に広告トラフィックの場合は不可能になります。実際のソースを知るために。現在、Google Adsense 広告を使用している国内 Web サイトの多くは、広告リンクを開くために window.open メソッドを使用しているため、IE ではリファラーが失われ、現時点で最大の市場シェアを持つブラウザは IE であることがわかっていますので、その影響は次のとおりです。大きいものです。したがって、多くのトラフィック統計ツールは、トラフィックのこの部分を「直接トラフィック」として分類します。これは、ユーザーが URL を直接入力するのと同じです。
このような状況に備えて、広告主は広告を掲載する際にランディング ページの URL に特定のトラッキング パラメーターを追加する必要があります。
たとえば、Flash 広告をクリックすると、到達する URL は http://www.example.com/ になります。このトラフィックがどのチャネルから来たのかを監視するために、この広告のランディング URL を変更できます。このメソッドと同様に http.://www.example.com/?src=sina にアクセスし、JavaScript コードを使用してランディング ページでこの src パラメータを抽出すると、広告ソース情報を取得できます。
Google Adwords を実行する場合、バックグラウンド システムには「自動タグ設定」オプションがあり、このオプションを有効にすると、Google はすべての広告のランディング ページ URL を生成するときに gclid パラメータを自動的に追加します。このパラメータは、 Google Analytics バックエンドと Adwords 広告バックエンド。これにより、広告トラフィックがどの広告キャンペーンに該当するか、どの広告ソースや広告キーワードなどの情報を知ることができます。このアイデアは実際には上記のものと似ています。 Google が自動的に URL を変更しただけです。
IE での空のリファラーの解決策
window.location.href メソッドを使用して IE でジャンプすると、リファラーの値が空になります。タグ内でジャンプすると、リファラーは空になりません。したがって、この IE の問題は、次のコードを使用して解決できます
関数 gotoUrl(url){
if(window.VBArray){
var gotoLink = document.createElement('a');
gotoLink .href = url; .appendChild(gotoLink) ;
gotoLink .click(); ;
リンクにアクセスするときにブラウザがリファラーを使用することを禁止します
Web サイトからリンクをクリックして別のページにアクセスすると、ブラウザーは今度はソースを識別するためにヘッダーにリファラー値を追加します。ページにアクセスしました。ただし、この種の識別はユーザーのプライバシーを漏らす可能性があります。場合によっては、どこをクリックしたかを他の人に知られたくないことがあります。ブラウザーがリファラーを送信しないようにする方法はありますか?
•新しい html5 ソリューションを使用し、rel="noreferrer" を使用し、接続属性を noreferrer として宣言します。現在、chrome4 でのみサポートされています。
•中間ページを使用しますが、実際には Google のメソッドを使用するなどしてリファラーを送信します。接続リダイレクト、noreferrer.js.
•JavaScript プロトコルのリンク転送を使用します。以下の手順を参照してください。
target="_blank" に相当する新しいウィンドウを開きます:
function open_window(link){
var arg = 'u003cscriptu003elocation.replace("' link '")u003c/scriptu003e';
window.open('javascript:window.name; ', arg) ;
}
var arg ='u003cscriptu003etop.location.replace( "' リンク '")u003c/scriptu003e';
var iframe = document.createElement('iframe');
iframe.src='javascript:window.name;'; ;
document.body.appendChild(iframe)

去掉重复并排序的方法:1、使用“Array.from(new Set(arr))”或者“[…new Set(arr)]”语句,去掉数组中的重复元素,返回去重后的新数组;2、利用sort()对去重数组进行排序,语法“去重数组.sort()”。

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于Symbol类型、隐藏属性及全局注册表的相关问题,包括了Symbol类型的描述、Symbol不会隐式转字符串等问题,下面一起来看一下,希望对大家有帮助。

怎么制作文字轮播与图片轮播?大家第一想到的是不是利用js,其实利用纯CSS也能实现文字轮播与图片轮播,下面来看看实现方法,希望对大家有所帮助!

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于对象的构造函数和new操作符,构造函数是所有对象的成员方法中,最早被调用的那个,下面一起来看一下吧,希望对大家有帮助。

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于面向对象的相关问题,包括了属性描述符、数据描述符、存取描述符等等内容,下面一起来看一下,希望对大家有帮助。

方法:1、利用“点击元素对象.unbind("click");”方法,该方法可以移除被选元素的事件处理程序;2、利用“点击元素对象.off("click");”方法,该方法可以移除通过on()方法添加的事件处理程序。

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于BOM操作的相关问题,包括了window对象的常见事件、JavaScript执行机制等等相关内容,下面一起来看一下,希望对大家有帮助。

foreach不是es6的方法。foreach是es3中一个遍历数组的方法,可以调用数组的每个元素,并将元素传给回调函数进行处理,语法“array.forEach(function(当前元素,索引,数组){...})”;该方法不处理空数组。


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

Dreamweaver Mac版
ビジュアル Web 開発ツール

SublimeText3 中国語版
中国語版、とても使いやすい

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

SublimeText3 英語版
推奨: Win バージョン、コードプロンプトをサポート!

DVWA
Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、

ホットトピック









