HyeonJin’s GitBlog

POST 4. Google Analytics 기능 추가하기

2022-11-26T03:33:00+00:00

Google Analytics란?

현재 구글 마케팅 플랫폼 브랜드 내의 플랫폼으로서, 웹사이트 트래픽을 추적하고 보고하는 구글이 제공하는 웹 애널리틱스 서비스이다.

Google Analytics 기능 추가하기

1. Google Analytics 접속

먼저 Google Analytics에 접속한다.

2. 측정을 위한 초기 설정

사이트 접속시 보이는 화면에서 ‘측정 시작’ 버튼을 누른 후, 3단계의 초기 설정을 진행한다.

3. 데이터 스트림 설정

등록이 끝나면 데이터 스트림을 설정해 주어야한다. 우리의 깃블로그는 웹이므로 데이터 스트림 설정에서 웹을 선택한다. 그리고 웹 스트림 설정에서 웹사이트 URL에 자신의 깃블로그 주소를 입력한다. 이렇게 한다면 자신의 측정아이디를 얻을 수 있다.

4. _config.yml 파일 수정

마지막으로 위에서 얻은 측정아이디를 복사한 후, 아래의 코드를 수정한다.

analytics:
provider               : google
                        # false (default), "google", "google-universal", "google-gtag", "custom"
google:
    tracking_id          : "이곳에 자신의 측정 아이디를 붙여넣는다."
    anonymize_ip         : false 

그리고 위의 코드를 _config.yml 파일에 넣는다면 나의 깃블로그에 Google Analytics 기능을 추가할 수 있다.

5. 오류 수정

하지만 나는 위의 4가지 과정을 거쳐도 기능이 활성화 되지 않는 오류를 겪었다.
왜냐하면 내가 사용한 테마는 G-XXXXXXXX 과 같이 Google 애널리틱스 4 를 지원하는 아주 최신식 테마인줄 알았으나 코드를 수정하는 과정에서 기능이 활성화되지 않는 것으로 미루어 보아, 이 테마는 UA-XXXXXXXX-X의 형태로 유니버설 애널리틱스를 기준으로 하는 것으로 추정된다.
그래서 나는 이를 해결하기 위해서 아래의 코드를 _includes 폴더의 head.html 파일에 추가해주었더니 오류를 해결할 수 있었다.

 <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-GLECBP0BSM"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', '개인의 측정아이디');
</script>

위의 코드를 _config.yml에 붙이면 깃허브에 git push하였을 때 오류가 발생한다는 것을 명심하자
나의 깃허브에 있는 add: try to fix google analytics error 2 라는 commit을 통해 오류를 확인할 수 있다.

POST 3. Markdown이란?

2022-11-24T15:18:00+00:00

Markdown이란?

마크다운(Markdown)은 일반 텍스트 기반의 경량 마크업 언어다. 일반 텍스트로 서식이 있는 문서를 작성하는 데 사용되며, 일반 마크업 언어에 비해 문법이 쉽고 간단한 것이 특징이다. HTML과 리치 텍스트(RTF) 등 서식 문서로 쉽게 변환되기 때문에 응용 소프트웨어와 함께 배포되는 README 파일이나 온라인 게시물 등에 많이 사용된다.

Markdown의 문법

- 글자 강조하기

글자를 두껍게 강조하고 싶다면 강조하고 싶은 글자 양 옆에 ** 을 추가하면 된다.

예시) ** 강조 ** -> 강조

- 인용문

인용문의 형태를 만들고 싶다면 글 앞에 > 를 추가해주면 된다.

예시)

안녕하세요 저는 인용문 입니다~

- 사진 첨부하기

사진을 첨부하고 싶다면 ! [사진 이름] (사진파일 혹은 사진링크) 명령어를 사용하면 된다.

예시) ! [지친 고양이] (https://i.pinimg.com/564x/6e/00/9d/6e009d1a8bda8bedbcafc9113f1ae31d.jpg)

더 많은 Markdown 문법을 배우고 싶다면 Markdown을 참고하세요!

POST 2. Jekyll이란?

2022-11-20T05:56:00+00:00

Jekyll는 설치형 블로그의 하나로 Ruby를 기반으로 만들어져 있다.
Jekyll의 특징
- 마크다운을 사용해서 포스트를 작성하면 HTML로 변환하여 정적 사이트를 만들어준다.
- Ruby를 사용해 본 적이 없어도 인스톨과 사용에 문제가 없다.
- 여러가지 테마가 있으며 커스텀 테마도 제작할 수 있다.
- 테마를 변경했을 경우, 포스트만 옮겨서 수정하면 되기 때문에 사용법이 간단하다.

만약 Jekyll을 이용해 설치형 블로그를 만들어 보고 싶다면, README를 참고하자!

POST 1. 포스팅 테스트

2022-11-20T04:22:00+00:00

유레카 프로젝트 - 깃블로그 만들기 첫 번째 테스트 포스팅입니당