이미지가 Colorbox 오버레이에서 다운로드 될 때를 추적하고 싶습니다.

나는 작동한다고 생각했지만 아래쪽에있는 onDownload를보고 해결 방법이 있는지 궁금해하는 샘플 파일에 경고가 표시됩니다.이미지가 Colorbox 오버레이에서 다운로드 될 때를 추적하고 싶습니다.

활성 SessionID가있는 로그인 한 사용자가 Colorbox 오버레이의 이미지를 마우스 오른쪽 버튼으로 클릭하면 다운로드 한 세션 ID, 그룹 및 이미지를 캡처하려고합니다.

현재의 예는

$(".aw14image").colorbox({rel:'aw14image', transition:"none", width:"75%", height:"75%"}); 
$('a.aw14title').colorbox({title:function() { 
       return "To download full set, " + "click here!".link("goes to a tracked download page for the collection of images"); 
       }});

는 HTML 요소

<a class="aw14image aw14title" style="visibility:hidden;"href="productimages/Alienware_14_Laptop/02.jpg"></a>

출처

2014-03-27 basommer

오른쪽 클릭이 있다고해서 다운로드가 이루어지는 것은 아닙니다. 더 좋은 방법은 다운로드 방법을 직접 추가하여 다운로드가 가능한 다운로드와 절대 다운로드를 쉽게 구별하는 것입니다. 상단 모서리에 다운로드 버튼과 같은 이미지 링크를 추가하고 해당 다운로드 기능을 호출하지만 추적 기능을 호출하는 것은 오른쪽 클릭을 기록하는 것보다 더 좋은 옵션입니다. –

Google Analytics의 [이벤트 추적] (https://developers.google.com/analytics/devguides/collection/gajs/eventTrackerGuide#Anatomy)을 사용하여 다운로드를 추적 할 수 있습니다. –

에반과 셰이크에 대한 제안에 감사드립니다. 이미지 다운로드를 추적 할 수 있도록 몇 가지 작업을 수행했습니다. 먼저 마우스 오른쪽 버튼 클릭하고 cboxphoto 저장하는 기능 비활성화 : $ ('. cboxPhoto')를 살 ("의 ContextMenu", 기능 (전자) {거짓 \t \t \t 반환; \t \t \t \t});. – basommer

중대한 제안을 연결했습니다!

우선 오른쪽에서 cboxPhoto 요소를 비활성화 다운로드 클릭 : 그런 다음 $를 추가

//Disable Right Click on photo to save 
     $('.cboxPhoto').live("contextmenu", function(e) { 
     return false; 
     });

(이) .DATA ('이미지 링크') 제목 링크에 나는 이미 우편 번호를 다운로드했다 이미지 모음 :

data-image-link=" Right click to &#8220;save as&#8221; <a href='http://dev.liveandlearndell.com/ASP/PageStat.asp?VID=45&amp;Page=Resources_Images_Alienware_14Laptop_01&amp;Link=http://www.liveandlearndell.com/resources/productimages/Alienware_14_Laptop/01.jpg' target='_blank'>click here</a> or open in new window to &#8220;save as&#8221; image download"

,369 : 나는 고유의 다운로드 경로와 컬렉션의 각 이미지 객체의 데이터 이미지 링크에 추적을 추가

//Define the Title links 
     $('a.aw14title').colorbox({title:function() { 
     return $(this).data('image-link') + "<br>To download full set, " + "click here!".link ("/ASP/PageStat.asp?VID=45&amp;Page=Resources_Images_Alienware_14Laptop_ZIP&amp;Link=http://www.liveandlearndell.com/resources/productimages/Alienware 14 Laptop.zip"); 
       }});

마지막

그것은 작동하지만 그것은 각 이미지 개체가 특정 데이터 - 이미지 링크로 코딩되어야한다는 점에서 어색하다. 질문 2 :

현재 이미지 이름과 다운로드 경로를 식별하는 데 동적 방법을 사용할 수 있습니까? colorbox 오버레이에 표시됩니까?

출처

2014-03-28 15:56:24 basommer

이미지가 Colorbox 오버레이에서 다운로드 될 때를 추적하고 싶습니다.

답변

관련 문제