사용자가 외부 iframe 내의 링크를 클릭 할 때 추적 픽셀을 실행할 수 있습니까?

Question

저는 고용주 회사 웹 사이트에 야후 주가 차트를 추가했습니다.

하지만 이제는 사용자가 iframe을 클릭하면 Yahoo Finance로 이동하면서 추적 픽셀을 발생시켜야합니다.

추적 픽셀은 표준 1x1 이미지입니다.

누구나이 방법을 생각할 수 있습니까? 여기

는에있는 페이지입니다 :

http://titanironcorp.com/letter-from-ceo/

(오른쪽에 야후 주식 차트 참조)

을 그리고 여기에 야후은 iframe 코드 :

<!-- Start of Yahoo! Finance code --> 


<iframe align="right" allowtransparency="true" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no" src="http://api.finance.yahoo.com/instrument/1.0/TFER.OB/badge;chart=5d;quote/HTML/f.white?AppID=kGGnjczXiH7L_1XCo_4qTCp1q_QfckRwmw--&sig=8AwYadBv.K1kUIs0BD6xqpzE6kg-&t=1320612387003" width="300px" height="424px"><a href="http://finance.yahoo.com">Yahoo! Finance</a><br/><a href="http://finance.yahoo.com/q?s=TFER.OB/">Quote for TFER.OB/</a></iframe> 

감사! Sandy

Answer 1

투명 div로 전체 iframe을 오버레이하고 그 위에 추적 픽셀을 넣으려고해도 아주 회의적 일 수 있습니다 (iframe의 동작을 망칠 것입니다)

Answer 2

IE 이외의 솔루션의 경우 거품 대신 "useCapture"로 이벤트를 적용하면 iframe 자체에 클릭 이벤트 처리기를 배치 할 수 있습니다. MDN Docs 당

target.addEventListener(type, listener, useCapture Optional); 

는 :

true의 경우, useCapture를 사용자가 캡처를 시작하고자하는 것을 나타냅니다. 캡처를 시작한 후 지정된 유형 의 모든 이벤트는 등록 된 리스너에 전달되어 DOM 트리의 그 아래에있는 모든 EventTargets에 으로 전달됩니다. 트리를 통해 위로 솟아 오르는 이벤트는 캡처를 사용하도록 청취자를 트리거하지 않습니다. 캡처를 사용하도록 지정되었습니다. 자세한 내용은 설명을 보려면 DOM Level 3 Events를 참조하십시오. 이 매개 변수는 모든 브라우저 버전에서 선택 사항이 아닙니다. 지정하지 않으면 useCapture가 false입니다.