div内のiframe内の要素がクリックされた後divを削除します

Question

divにAdSenseがあり、無効なトラフィックからAdSenseを保護したいと考えています。 広告をクリックした後は、非表示にして一定期間後に表示しないでください。

HTML：

<div id="codeWrapper"> <div id="firstCode">Adsense code here</div> </div>

CSS：

#codeWrapper { position: relative;} 
#firstCode { position: absolute; width: 336px; height: 280px; z-index: 999;} 

JS：

$("#firstCode").click(function() { 
     var date = new Date(); 
     var h = "24"; 
     date.setTime(date.getTime() + (h * 60 * 60 * 1000)); 
     Cookies.set('clicked', 'true', {expires: date, path: '/'}); 

     $(this).parent().remove(); 
}); 

私は、広告がクリックされたときに日付を保存し、有効期限を設定するためにjavascript cookieを使用しました。

コンソールにエラーはありませんが、何とか動作しません。

Answer 1

iframeに別のサーバーがある場合、実際のブラウザではiframeの内部コンテンツをスクリプトで操作できません。したがって、iframeのURLに現在のURLと同じサーバーがあるかどうかを確認する必要があります。