꾸준함이 실력입니다.

• [인터넷편] RSS

  2018-08-27

  goodGid

  Network
  Read All

  ---

• [인터넷편] Java

  2018-08-27

  goodGid

  Network
  Read All

  ---

• [인터넷편] ISP

  2018-08-27

  goodGid

  Network
  Read All

  ---

• Jekyll 블로그에 Google Analytics 사용하기

  2018-08-27

  goodGid

  Technology
  • Google Analytics란?
  • 작업과정
    • 1. Google Analytics 계정 생성
    • 2. 추적 ID 가져오기
    • 3. head.html 수정

  Google Analytics란?

  • 사이트에 소스코드를 입력해두면, Google Analytics 홈페이지에서 구글이 사용자 행태를 분석해 모아둔 데이터를 볼 수 있다.

  ---

  작업과정

  1. Google Analytics 계정 생성

  Google Analytics 접속해서 계정을 생성한다.

  ---

  2. 추적 ID 가져오기

  필요한 정보 기입 후 추적 ID 가져오기 버튼 클릭

  

  
  

  약관 동의 후 추적 ID를 저장한다.

  jekyll 템플릿이라면 기본적으로 _config.yml 파일이 있을 것이다.

  google_analytics_id: UA-1234-5678 // 자신의 추적 아이디 입력
  

  ---

  3. head.html 수정

  일반적으로 Jekyll 템플릿을 사용했다면 _includes 폴더에 head.html파일이 있을 것이다.

  그 파일의 상단 부분에 다음 코드를 입력해주게 되면 끝이다.

  아래 코드에서 [1]과 [2]의 기능은 같다.

  [1]은 _config.yml에 입력한 값을 참조하는 방식이고

  [2]는 바로 입력하는 방식이다.

  
  {% if site.google_analytics_id %}
      <script>
      // google analytics
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
  
        ga('create', '{{site.google_analytics_id}}', 'auto'); // [1]
        ga('create', 'UA-1234-5678', 'auto'); // [2]
        ga('send', 'pageview');
  
      </script>
  {% endif %}
  
  

  
  

  만약 head.html에 코드를 넣지 않고 따로 파일로 관리하고 싶다면

  analytics.html과 같이 파일을 만든 후

  
  {% if site.google_analytics_id %}
  <script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
  
    ga('create', '{{site.google_analytics_id}}', 'auto');
    ga('create', 'UA-1234-5678', 'auto');
    ga('send', 'pageview');
  
  </script>
  {% endif %}
  
  
  

  추적하려는 글의 상단 부분에 위에 만든 analytics.html파일을 include 시켜준다.

  Read All

  ---

• 블로그에 SEO(Google,Naver) 적용하기

  2018-08-25

  goodGid

  Technology
  • SEO란?

  SEO란?

  • 검색 엔진 최적화 (Search Engine Optimization, SEO)는

    웹 페이지 검색 엔진이

    자료를 수집하고 순위를 매기는 방식에 맞게

    웹 페이지를 구성해서

    검색 결과의 상위에 나올 수 있도록 하는 작업을 말한다.

  Read All

  ---

• [서비스 프로토콜편] 프록시 서버

  2018-08-24

  goodGid

  Network
  Read All

  ---