-
ID:fV/1bj さんの質問

webプログラミングに詳しい方お願いします。これは特殊なリダイレクトでしょうか?
.
現在ホームページ作成の勉強をしていて、いろんなジャンルのサイトを参考にしています。
.
.
.
このホームページの仕組みがわかりません。
.
青汁比較ランキング|100種類以上から厳選された青汁TOP5!
ttp://www.evertonfoundation.org/
.
添付画像
ttp://www.fastpic.jp/images.php?file=4805701503.png
.
.
.
添付画像のように、「公式サイト」という画像ボタンをクリックすると、ページは移動します。しかし、マウスオーバーしても、URLがブラウザの左下には表示されません。
.
添付画像のように、「詳細レビュー」という画像ボタンをクリックすると、ページは移動します。マウスオーバーすると、添付画像のようにURLが表示されています。
.
.
.
「公式サイト」という画像ボタンをクリックしてから、どのような仕組みで移動しているのでしょうか?
.
Firebugで分析してみると、PHPかJSで特殊なリダイレクトをしているような気がするのですが、初心者なのでよくわかりません。
.
.
.
よろしくお願いします。

みんなの回答 5 件

ID:fnnVwY さんの回答

普通にアフィリリンクにリンクしてるだけじゃないの?ぶらうざーのステータスバーにurlが表示されないのは、javascriptで非表示になるようにしてるだけでしょ。スマホから確認出来る範囲の
意見だけども。

ID:k4Drdm さんの回答

そのページの688行目らへんのJSで処理してるようです。

ID:FK7OWf さんの回答

みんなの言うとおりJS

ID:NiyJxI さんの回答

まずDOMを見る限り<div class="af">hoge</div>(以下、div.afと表記)の中におっしゃっている画像「公式サイト」が入っている構造になっております。そしてJSのほうで、div.afをクリックしたらこのページに飛ばしてね、という処理を行なっています。

これdiv.af自体はaタグではないので、ブラウザはリンク先を調べることができず、hoverしてもURLが出力されないものとなっております。

より詳しく述べますと、aタグでないのにリンクしているのか?という疑問ですが、こちらは「div.afをクリックするとこっちに飛ばしてね」という処理を下記のJSコードで表現しているのですね(具体的には690行目)。単純にランディングページに飛ばしながら、そのクリック率を図りたいため間にGoogle Analyticsのコードを踏ませているようです。おそらくdiv.afはいたるところで使われているので、その整理のためでしょう。

$(function(){
$(".af").click(function(i) {
var item_name = ’?item_name=’+ $(this).attr("title") + ’-’ + $(".af").index(this);
これ -> window.open("/af/" + $(this).attr("title") + ’-’ + $(".af").index(this));
accessAnalysis(item_name); //
_paq.push([’trackEvent’, ’customer’, $(this).attr("title")+’-’+$(".af").index(this), ’position-’+$(".af").index(this)]);
});
});

また、どうしてこのようなリンクの仕方をしているのかは、このページの意図にもよってきますので、こちらから理由を述べることはできません(アフェリエイト詳しい人ならわかるかもです)。

ID:.a9eM9 さんの回答

ありがとうございました。

最終更新日:2016-03-04 (1,413 views)

関連するトピックス

ページ上部に戻る