지난 포스트에 이어 루커스튜디오 리포트를 공유할 때 매개변수를 활용해서 필터가 적용된 상태로 공유할 수 있는 방법에 대해서 다루겠습니다. 데이터 소스를 연결하고 매개변수를 만드는 방법에 대해 궁금하신 분들은 아래 링크된 이전 포스트를 확인해보시기 바랍니다.
앞선 포스트에서도 설명했지만, 사용자 특성 및 사용성에 차이가 있겠지만 제가 생각하는 매개변수를 사용하는 이유는 다음과 같습니다.
루커스튜디오 리포트를 사용하다보면 내부 이해관계자에게 공유해야 하는 일이 빈번할 수 있습니다. 정기적인 현황을 리포트 하는 것을 포함해 특정한 traffic_soucre, country, city 등등 트랜드를 벗어난 아웃라이어가 발생했을 때 등등 비정기적인 현황을 이슈에 따라 공유해야 하는 상황도 발생하기 쉬운 것 것 같습니다.
이 때, 특정 지표를 필터링한 리포트를 공유해준다면, 불필요한 상황이 발생할 수 있는 상황을 방지할 수 있다고 생각합니다. 어떤 사람은 필터가 적용된 리포트를 보고, 어떤 사람은 필터가 적용되지 않은 리포트를 본다면 의사결정 과정에서 혼선이 발생할 수도 있기 때문입니다.
리포트를 공유할때 필터를 적용해서 보셔야 한다고 명시하더라도, 필터를 적용하는 것 자체가 장벽으로 느껴지는 구성원이 있을수도 있기 때문에 좀 더 친절하게, 좀 더 유연하거나 확실하게 공유하기 위해서는 매개변수를 활용하는 것도 좋은 방법이라고 생각합니다.
이번 포스트에서는 지난 포스트에서 생성한 매개변수를 공유할 루커스튜디오 리포트 URL에 적용해보겠습니다.
루커스튜디오 보고서 URL 매개변수 관리 설정
지난 포스트에서 생성했던 매개변수는 traffic_soucre 였습니다. 이를 URL에서 활용하기 위해서는 리포트에서 매개변수 관리를 통해 URL에서 수정을 허용할 수 있도록 해야 합니다.
사용하고 있는 루커스튜디오 보고서에서 ‘편집’으로 진입하고, ‘리소스’ 목록에서 ‘보고서 URL 매개변수 관리’를 클릭합니다. 아래 이미지와 같이 추가했던 매개변수 항목들이 나타나는데 오른쪽 끝에 있는 ‘보고서 URL에서 수정 허용’항목을 체크 합니다.
보고서 URL 매개변수 구성 만들기
바로 위에서 보고서 URL 매개변수 관리를 통해 확인했던 매개변수 이름은 ds46.traffic_source 입니다. 이를 기록해둡니다.
루커스튜디오 고급 가이드 문서에 따르면 매개변수는 JSON 객체를 통해 정의된다고 합니다. 매개변수 값의 키는 매개변수 이름입니다. 루커스튜디오에서 예시로 들었던 내용을 함께 첨부해봅니다
{
"parameterName": parameterValue
}매개변수 값 유형은 STRING, NUMBER 또는 BOOLEAN 중 하나입니다. 여러 값을 허용하는 매개변수(예: 다중 선택 드롭다운)의 경우 값 배열을 사용합니다. 예를 들어 매개변수 이름이 ds0.zipcode인 경우 zipcode를 94094로 설정하려면 JSON은 다음과 같습니다.
{
"ds0.zipcode": "94094"
}URL 매개변수 개체 인코딩 : 매개변수 개체를 만든 후 JSON.stringify()를 사용하여 문자열로 변환한 다음 [encodeURIComponent]를 사용하여 URL 인코딩 합니다.
var params = {
"ds0.zipcode": "94094"
};
var paramsAsString = JSON.stringify(params);
var encodedParams = encodeURIComponent(paramsAsString)이렇게 하면 다음과 같이 인코딩된 문자열이 생성됩니다:
"%7B%22ds0.zipcode%22%3A%2294094%22%7D"그러나 저는 위와 같은 방식으로 진행했을 때 인코딩이 잘 진행되지 않았습니다. (이것에 대해 의견이 있으신 분들은 댓글로 알려주시면 감사하겠습니다.)
번거로울 필요없이 아래와 같이 보고서 링크 뒤에 추가해주면 잘 작동 되는 것을 확인했습니다.
아래의 예시는 위에서 기록한 traffic_source 매개변수 이름과 함께 traffic_source를 google로 지정(필터)한 것입니다. 리포트를 공유받는 이해관계자는 아래 첨부한 루커스튜디오 URL을 통해 traffic_source가 google로 필터된 리포트를 공유받을 수 있게 됩니다.
params={"ds46.traffic_source":"google"}https://lookerstudio.google.com/reporting/REPORT_ID/page/PAGE_ID?params={"ds46.traffic_source":"google"}
위와 같이 입력상자 타입의 컨트롤에서 google 이 입력된채로 루커스튜디오 보고서가 랜딩되는 것을 확인할 수 있습니다.
루커스튜디오 매개변수에 대한 내용의 구글 문서를 확인해보고 싶으면 아래 링크를 참고해보세요.
https://developers.google.com/looker-studio/connector/data-source-parameters#set_url_parameters