[coding-diary] Make GTM variable {{Page Depth}}. more readable than {{Page Path}}

-
GTM 에서 {{Page Path}}변수가 가독성이 떨어져서,
한눈에 알 수 있도록 꺽쇠를 사용한 "메인 > 서브 > 서브2" 형식으로  page path를 나타내주는 변수를 생성해 달라는 요청을 받아 작업하였다.




댓글

댓글 쓰기

☆ 잉기 ★

유튜브 iframe 스크립트로 삽입하기

-
한 사이트에서 정기 컨텐츠를 관리자 페이지에서 업로드 하는데, 어드민에서 iframe을 삽입했을 때 보안상의 이유로 게시글이 업로드 되지 않는다고 한다. 추후 업로드 게시물에는 youtube 영상을 삽입하고 싶은데 방법이 없냐는 문의가 왔다. embed나 object태그를 쓰면 안되냐는 내용이 있었고, 나도 익숙하지 않은 내용이라 검색해 보니 2015년 이후로 지원이 끊겨서 더 이상 업데이트 되고 있지 않다고 한다. https://www.w3schools.com/HTML/html_youtube.asp 그래서 해당 태그 사용으로 유튜브 로드 시 flash로 형성된다는 내용들이 있었다. 따라서 모바일 호환이 안된다. https://www.youtube.com/watch?v=vjh6z6EACqQ 유튜브가 삽입될 때 마다 내가 작업 하는 것은 비효율적이니, 코드를 잘 모르는 사람도 운영할 수 있도록 스크립트로 작업했다. 추후 운영시 data-url=""내에 iframe src값만 넣어주면 된다. 영상은 귀여운 내덩생.   See the Pen Create iframe inside a div by dribbles ( @dribbles ) on CodePen .
자세한 내용 보기

[Swiper] 특정 슬라이드로 이동하기

-
이미지 썸네일 클릭 시 갤러리용 팝업이 뜬다. 갤러리용 팝업에 swiper가 들어있어서 썸네일에 맞는 이미지가 swiper에 떠야 한다. pager를 클릭하도록 하고 싶었지만 최초 1회는 아직 pager가 로드되지 않는 상태라서 기능이 되지 않았다. 검색 해 보니 지원하고있는 method가 이미 있다. 참고:  https://stackoverflow.com/questions/23922480/go-to-a-specific-slide-with-idangerous-swiper
자세한 내용 보기