이 플러그인은 Adobe Analytics를 최대한 활용할 수 있도록 Adobe Consulting에서 무료로 제공합니다. Adobe 고객 지원 팀에서는 설치 또는 문제 해결 등 이 플러그인에 대한 지원을 제공하지 않습니다. 이 플러그인에 대한 도움이 필요한 경우 조직의 계정 관리자에게 문의하십시오. 계정 관리자가 도와줄 컨설턴트와의 만남을 주선할 수 있습니다.
getResponsiveLayout
플러그인을 사용하면 방문자가 현재 보고 있는 반응형 디자인 기반 웹 사이트의 버전을 추적할 수 있습니다. 사이트에서 반응형 디자인을 사용하고 방문자가 본 사이트의 버전을 추적하려는 경우 이 플러그인을 사용하는 것이 좋습니다. 사이트에서 반응형 디자인을 사용하지 않는 경우 이 플러그인은 불필요합니다.
Adobe는 가장 일반적으로 사용되는 플러그인을 사용할 수 있도록 해주는 확장을 제공합니다.
플러그인 확장을 사용하지 않으려는 경우 사용자 지정 코드 편집기를 사용할 수 있습니다.
Analytics 추적 개체가 인스턴스화(s_gi
사용)된 후 AppMeasurement 파일의 아무 곳에나 다음 코드를 복사하여 붙여 넣으십시오. 구현에서 코드의 주석 및 버전 번호를 보존하면 Adobe에서 잠재적인 문제를 해결하는 데 도움이 됩니다.
/******************************************* BEGIN CODE TO DEPLOY *******************************************/
/* Adobe Consulting Plugin: getResponsiveLayout v1.0 */
var getResponsiveLayout=function(ppw,plw,tw){if(!(isNaN(ppw)||isNaN(plw)||isNaN(tw)||plw<ppw||tw<plw)){var b=window.innerWidth|| document.documentElement.clientWidth||document.body.clientWidth;return(ppw<plw&&b<=plw?b<=ppw?"phone portrait layout":"phone landscape layout":b<=plw?"phone layout":b<=tw?"tablet layout":"desktop layout")+":"+b+"x"+(window.innerHeight|| document.documentElement.clientHeight||document.body.clientHeight)}};
/******************************************** END CODE TO DEPLOY ********************************************/
getResponsiveLayout
메서드에서는 다음 인수를 사용합니다.
ppw
(필수, 정수): 페이지가 휴대폰 세로 레이아웃에서 휴대폰 가로 기반 레이아웃으로 전환하기 전에 브라우저 창으로 사용할 수 있는 최대 픽셀 너비plw
(필수, 정수): 페이지가 휴대폰 가로 레이아웃에서 태블릿 기반 레이아웃으로 전환하기 전에 브라우저 창으로 사용할 수 있는 최대 픽셀 너비tw
(필수, 부울): 페이지가 태블릿 레이아웃에서 데스크탑 기반 레이아웃으로 전환하기 전에 브라우저 창으로 사용할 수 있는 최대 픽셀 너비이 메서드를 호출하면 두 부분을 포함하는 문자열이 반환됩니다. 첫 번째 부분에서는 브라우저의 너비와 위의 인수에 따라 다음 값 중 하나를 사용합니다.
"phone portrait layout"
"phone landscape layout"
"phone layout"
(세로 및 가로 레이아웃이 모두 없는 사이트의 경우)"tablet layout"
"desktop layout"
반환된 문자열의 두 번째 부분은 브라우저의 너비와 높이 차원입니다. (예: "desktop layout:1243x700"
)
…
…위의 경우 다음 코드는 브라우저의 너비와 차원뿐만 아니라 방문자의 경험에 따라 eVar10을 최신 반응형 디자인 레이아웃과 동일하게 설정합니다.
s.eVar10 = getResponsiveLayout(500, 700, 1000);
…
…위의 경우 다음 코드는 브라우저의 너비와 차원뿐만 아니라 방문자의 경험에 따라 eVar10을 최신 반응형 디자인 레이아웃과 동일하게 설정합니다.
s.eVar10 = getResponsiveLayout(500, 500, 1100);