본문 바로가기
반응형

분류 전체보기

 (484)
[태그관리자] - 전환설정 페이지 뷰 태그관리자 해당 컨테이너에서 '작업공간' -> '태그' -> '새로 만들기' 순으로 선택 태그 구성 박스 선택 (자세히 알아보기 링크 외 박스 내부 아무 곳이나 누름) 'Google Ads 전환 추적' 선택 '전환 ID'과 '전환 라벨' 입력 ※전환링커가 존재하지 않는 경우 전환링커 설치 트리거 박스 선택 (이전 단계에서 설정하는 것도 가능) 우측 상단 '+' 버튼 클릭 '페이지 뷰' 선택 '일부 페이지 뷰' 선택 후 박스 하단에 첫 번째 칸 선택하여 'Page URL' 선택 홈페이지 URL에서 해당 페이지를 구분 가능한 경로 복사 두 번째 칸은 '포함'으로 두고 (포함을 사용하는 이유는 실제 광고로 유입될 경우 경로에 식별아이디가 붙어 테스트 환경과 정확하게 일치하지 않기 때문입니다) 복사한 URL 경..
[구글 태그] 사이트에 설치된 구글 태그 확인하기 구글 애널리틱스나 애즈를 사용하려면 사이트와 해당 제품의 태그를 연결하여야 하는데요. 연결작업 후 태그가 제대로 삽입되었는지, 작동은 제대로 하는지 눈으로 확인할 수 있으면 좋겠죠. 삽입된 태그와 작동여부를 확인하는 방법은 다양한데요. 하나씩 소개해 드리도록 하겠습니다. 1. Tag Assistant 구글에서 제공하는 확장프로그램으로 구글 관련된 모든 태그를 확인가능합니다. 사용을 위해서 프로그램 설치가 필요한데요 아래 링크를 클릭하고 크롬에 추가합니다. https://chrome.google.com/webstore/detail/tag-assistant-legacy-by-g/kejbdjndbnbjgmefkgdddjlbokphdefk?hl=en Tag Assistant Legacy (by Google) T..
티스토리 목차 링크 만들기 티스토리에서 글을 쓰다 목차가 필요해서 목차에 hyperlink를 다는 기능을 찾아보았습니다. 결론은 없더군요 ㅎㅎ 그래서 검색을 해 보니 결국 html블록을 통해 입력하는 형식으로 구현하길래 저도 한번 만들어 보았습니다. 방식은 가장 일반적인 목차를 태그를 사용하여 HTML블록에 지정하고 해당 섹션의 아이디와 연결하는 방법으로 구현하였는데요. 구현하기 먼저, 상단에 목차라는 글을 쓰고 아래 코드를 HTML 코드 블록에 삽입합니다. 미팅참석하기 화면공유하기 채팅하기 상대방이 공유한화면 크게보기 화면 레이아웃 바꾸기 전체화면 ※ HTML블록 찾기 그러면 저장된 글에서 아래와 같이 표시되는데요. 다음으로 해당 섹션을 id요소로 연결만 해 주면 됩니다. 주의할 점은 목차의 각 메뉴의 태그 href요소에 사용된..
구글 밋 (Google Meet) 사용하기 (화면공유, 챗, 설정 등) 구글 미트를 사용하는 방법을 보겠습니다.목차 미팅참석하기화면공유하기채팅하기상대방이 공유한화면 크게보기화면 레이아웃 바꾸기전체화면">HTML 삽입미리보기할 수 없는 소스 미팅참석하기">HTML 삽입미리보기할 수 없는 소스미팅링크 클릭참여준비 (마이크, 카메라를 사용하지 않을 경우 해당 아이콘들을 클릭하면 꺼집니다) 후 우측에 '지금 참여하기' 클릭화면공유하기">HTML 삽입미리보기할 수 없는 소스화면 아래 아이콘 중 네모박스 안에 화살표 위로된 거 선택 (발표시작)열린 팝업에서 '내 전체 화면' 선택.※ 창이나 탭은 해당 창 또는 탭만 표시하기 때문에 공유 중 다른 창 또는 탭을 공유해야 하는 경우 새로 공유를 해야 함.공유할 모니터를 선택하고 'Share' 선택※ 사용 중인 모니터가 하나인 경우에도 모니..
Firebase - Hosting 파이어베이스에서 제공하는 호스팅을 사용하여 애플리케이션을 배포해 보겠습니다. "Build"에서 "Hosting"을 선택합니다. 'Get started' 클릭 아래와 같이 셋업 가이드가 뜨는데요. 먼저 'firebase-tools'를 해당 프로젝트에 설치합니다. 아래 npm명령어를 복사하여 npm i -g firebase-tools 프로젝트 콘솔창에 넣고 실행합니다. 다음 단계는 프로젝트 루트 디렉터리 생성인데요. 먼저 파이어베이스에 로그인을 합니다 (로그인되어 있는 경우는 생략가능). firebase login 정보수집에 관한 동의를 물어보는데 원치 않는 경우 'n'을 선택합니다. 이후 윈도 새창에서 계정선택하는 화면이 나옵니다. 계정을 선택하고 접근을 허가하면 로그인이 완료됩니다. 다음으로 배포를 위한..
앵귤러 폼 - 템플릿 드리븐 폼 앵귤러 template-driven form을 설정하는 방법을 보겠습니다. 먼저, 폼을 사용하기 위해서는 앵귤러 폼 라이브러리에서 forms 모듈을 가져와야 합니다. //scr/app/app.module.ts import { NgModule } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { BrowserModule } from '@angular/platform-browser'; import { AppRoutingModule } from './app-routing.module'; import { AppComponent } from './app.component'; @NgModule({ declarations: [ A..
구글 향상된 전환 - 카페24 카페 24에서 설정된 전환을 활용하여 향상된 전환을 설치해 보겠습니다. 카페 24는 아래와 같은 내장변수를 가지는데요. 제공되는 전역변수를 사용하여 향상된 전환에 필요한 정보를 전송가능합니다. EC_FRONT_EXTERNAL_SCRIPT_VARIABLE_DATA 따라서 회원가입을 완료한 후 또는 로그인한 회원인 경우 아래와 같이 내장변수 명을 사용하여 향상된 전환에 필요한 정보를 추가할 수 있습니다. 전환이 일어나는 페이지에 위와 같은 정보가 존재하는 것이 확인이 되면 구글애즈로 이동하여 해당 전환액션을 선택합니다 (로그인한 사용자인 경우 대부분 표시됩니다). 설치하기 열린 화면에서 하단에 '향상된 전환수' 박스를 열어 '향상된 전환 사용'을 체크하고 'Google 태그 또는 Google 태그 관리자'를..
[태그관리자] - 전환링커 설정 전환링커 전환의 정확성을 높여주는 태그로 한번 설정 후 모든 전환 태그가 공유합니다. 설정하는 방식은 전환링커를 따로 설치하는 방법과 전환 설치하면서 추가하는 방법이 있습니다. 먼저 설정이 간단한 전환을 설치하면서 전환링커 태그를 추가하는 방법을 보겠습니다. 전환설정하면서 추가하기 관리자 로그인 (*사이트와 연결된 태그 관리자) 후 '태그' 선택 -> '새로 만들기' 태그 구성 박스 누름 'Google Ads 전환 추적' 선택 열린 화면에서 구성태그 박스를 선택하면(전환링커가 존재하지 않는 경우) 아래와 같이 '컨테이너에 전환 링커 태그가 없습니다.'라는 경고가 뜨는데 '만들기'를 선택합니다. 열린 화면에서 다른 설정은 필요 없고 '저장'을 선택하면 전환링커 생성이 완료됩니다. 전환링크 따로 설정 관리자..
728x90

티스토리툴바