Google Analytics 유입경로 자세히 보기 위해서는 당연히 웹사이트에 접속한 사용자들을 집계해주는 Google Analytics의 기능은 사용해야 합니다. 최근 유입경로를 세분화해서 알아야 하는 이슈가 있어서
찾아보니 설정을 하는 방법이 있어 노트합니다.
1. 상세 집계 설정하기 전 유입경로는 아래와 같이 대표 도메인이 표시됩니다.
(메뉴 : 구글통계 사이트 > 트레픽소스 > 전체)
여기서 referral과 organic의 차이점이 무엇인지 찾아보았는데,
referral은 직접적으로 제공된 링크를 통해 유입된 사용자. (예: 참조링크, 이메일에 본문의 다이렉트 경로)
organic은 검색엔진을 통해 검색된 리스트에서 내 사이트를 들어온 사용자.
2. 설정방법 (관리 > 필터 > 새 필터)
3. 설정 후 하루가 지난후 통계내용 (잠재고객 > 맞춤 > 맞춤설정에 노출됩니다.)
[참고] 파일의 다운로드 횟수를 알고 싶을때
웹은 Same origin policy이 동일한 도메인상의 요청만 가능하도록 제한하였지만,
도메인간 데이터 통신으로부터 다이나믹한 웹구현을 위한 방법으로 JSONP가 나오게 된것이다.
jQuery의 ajax를 이용한 두가지 jsonp 요청 방법을 지금부터 소개 하겠습니다.
jQuery 1.2부터는 JSONP 호출에 대한 네이티브 지원이 제공되고 있다. JSONP 콜백을 지정한 경우 다른 도메인에 있는 JSON 데이터를 로드할 수 있으며 JSON 콜백은 url?callback=? 라는 구문을 사용하여 지정할 수 있다.
$.getJSON() 방식을 살펴보면 url 맨 끝에 callback=이라는 문자열과 함께 실제 함수 이름 대신 ? 기호를 콜백 함수 이름으로 입력하는 것을 볼 수 있다.
이는 jQuery가 ? 기호를 인라인 함수를 호출하는 생성된 함수 이름(예:jsonp1234568416)으로 바꾸기 때문이다. 굳이 ? 을 적을 필요는 없고 따로 처리하는 콜백 함수가 있다면 해당 함수의 이름을 적어줘도 무방하다. (익명 메소드로 바로 처리할 경우 반드시 ? 를 써줄 것)
Client
$.getJSON("https://codejs.mycafe24.com/jsonp.json?callback=?",
function(data) {
console.log('성공 - ', data);
}
);
Server (jquery에서 생성한 익명의 callback함수명을 받아 감싸서 응답 준비를 합니다.)
protected void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
request.setCharacterEncoding("UTF-8");
response.setCharacterEncoding("UTF-8");
String id = request.getParameter("id");
String callBack = request.getParameter("callback");
JSONObject obj = new JSONObject();
obj.put("result", id);
obj.put("go", "테스트");
PrintWriter out = response.getWriter();
out.write(callBack + "(" + obj.toString() + ")");
System.out.println(callBack + "(" + obj.toString() + ")");
out.flush();
out.close();
}
Client
$('a').click(function() {
$.ajax({
url: "https://codejs.mycafe24.com/jsonp.json",
dataType: 'jsonp',
jsonpCallback: "myCallback",
success: function(data) {
console.log('성공 - ', data);
},
error: function(xhr) {
console.log('실패 - ', xhr);
}
});
});
Server
myCallback({"message":"You got an AJAX response via JSONP from another site!"});
JSONP로 ajax 호출을 하기 위해선 위와같이 함수안에 json 문자열이 들어간 형식으로 서버에서 리턴을 해줘야 가능하다.
서버에서 파라메터로 응답 JSON함수명을 생성하여 보안을 강화하는 방법도 있으니,
그부분은 http://stove99.tistory.com/10 이곳을 참고 하면됩니다.
Client
$('a').click(function() {
$.ajax({
url: "https://codejs.mycafe24.com/jsonp.json",
dataType: 'jsonp',
success: function(data) {
console.log('성공 - ', data);
},
error: function(xhr) {
console.log('실패 - ', xhr);
}
});
});
Server
jQuery18305806868467951786_1366340807385({"key":"value"});
jQuery18305806868467951786_1366340807385(요청시 마다 바뀜)은 jsonpCallback을 지정하지 않으면 jQuery에서 자동으로 callback 요청 매개변수를 자동 생성해서 요청한다.
요청을 받은 서버에서는 callback 매개변수값을 함수 호출 하듯 감싸서 응답하면 된다.
FileETag MTime Size
FileETag directive는 아파치가 ETag를 계산할 때 파일의 어떤 속성값들을 사용할지를 지정한다. 위와 같이 last-modified time과 size 속성값만을 사용하여 ETag를 계산하도록 하면, 같은 파일에 대하여 여러 웹서버들마다 동일한 ETag값이 계산되도록 할 수 있다.
단, FileETag directive는 아파치 1.3.23 이후부터 지원되는 directive 이다. 이전버젼들에 대해서 사용하고 싶을 경우는 아파치 소스를 수정하여 사용할 수 밖에 없을 것이다. (아파치 모듈로 해결가능한지는 확인해보지 않았다.)
그리고 위의 13가지의 항목의 우선순위를정해 가중치를 둬 우선순위가 높은 항목부터 우선 적용해서 효율적인 웹 서비스를 할 수 있도록 합시다.
[우선순위]
참고 : http://www.mimul.com/pebble/default/2007/05/11/1178878320000.html
Windows8 메트로 버전 IE10에서는 ActiveX설치가 기본적으로 불가합니다.
“ActiveX가 필요한 사이트는 당장 어떻게 하냐?” 는 생각이 들텐데 그 사태를 방지하기 위해
Windows8은 IE10 메트로, 일반데스크탑 버전을 제공됩니다.
ActiveX을 사용해야하는 웹서비스는 데스크탑 버전IE10으로 전환해야하는데, 그 방법을 Microsoft blog에서 소개하고 있습니다.
X-UA-Compatible: requiresActiveX=true
위의 이미지처럼 데스크탑 버전의 IE10으로 전환하도록 유도하는 메시지가 브라우저에 출력됩니다.
IE가 조금씩 ActiveX설치 에서 벗어나 HTML5의 기능을 사용하도록 지지하고 있습니다.
하위 브라우저를 고려한다면 ActiveX을 모두 제거하는데 시간은 많이 걸리겠지만, 변화는 분명합니다.