2.8 C
New York
화요일, 12월 23, 2025

Buy now

[광고] 쿠팡 추천 링크

안녕하세요? 올해까지 삼성전자 25년 직장 생황릃 마치고 퇴직하려 합니다. 퇴직 후 아르바이트로 쿠팡 파트너스 활동을 하려고 합니다. 쿠팡 파트너스는 쿠팡 추천 링크를...

카누 캡슐 커피머신 솔직 리뷰: ‘네스프레소 호환’ 가성비 끝판왕 (ft. 쿠팡 최저가 할인)

'공유 커피' 카누가 만든 카누 캡슐 커피머신 : 캡슐 커피머신 바리스타 브리즈/어반! 네스프레소 오리지널 캡슐 호환으로 활용도는 높이고, 카누만의 황금 레시피로 커피 맛은 깊어졌습니다....
Home Blog Page 382

벗에 대한 그리움, 탈속 그리고 절개로 선비들이 사랑한 배롱나무 꽃(백일홍)

0

1. 유빈이 돌잔치서 만난 배롱나무 꽃

오늘는 이번 유빈이 돌잔치에서 담아본 배롱나무 꽃에대해서 이야기해보려 합니다.

여름이면 한반도 어디에서나 흔희 볼수 있는 꽃이 이 배롱나무인데요. 예전에는 우리 선조들은 배롱나무가 부귀연화를 가져다 준다고 믿었기에 집집마다 이 나무를 많이 심었습니다.

오늘날 유명한 배롱나무는 고택에서 많이 볼 수 있지요.
대표적인게 담양 명옥헌 원림의 배롱나무입니다.

요즘에는 관상용으로도 많이 심기때문에 여름이면 흔히 볼 수 있는 꽃이 되었지요.

배롱나무꽃 그리고 유빈가족-9972

2. 백일홍이라고도 불리우는 배롱나무

배롱나무는 위키백과에서 아래와 같이 소개하고 있습니다.

배롱나무는 부처꽃과에 속하는 낙엽관목이다. 꽃이 한 번에 피고 지는 것이 아니고 여러 날에 걸쳐 번갈아 피고 져서 오랫동안 펴 있는 것처럼 보여 백일홍이라고 부른다. 백일홍의 소리가 변해서 배롱으로 되었다고 추정한다. 백일홍(Zinnia elegans)이라는 국화과의 한해살이풀도 있으니 주의해야 한다. 원산지는 중국 남부이고, 대한민국,일본, 오스트레일리아에도 분포한다. 줄기를 간지럽히면 간지러운듯 가지가 흔들어진다. 그래서 간지럼 나무라고도 한다.

여기에서도 배롱나무를 백일홍이라고도 부른다고 이야기하고 있네요.

2.1. 백일홍이라 불리던 배롱나무의 추억

제가 자라던 시골에서도 이 꽃을 백일홍이라고 불렀습니다.

어렸을 적 어머니께서 말씀해주신 바에 의하면 이 배롱나무는 원망의 꽃이기도 했고 희망의 꽃이기도 했다고 합니다.

원망은 시골에서 원낙 굶주리다보니 가을 햇곡식을 수확하는 시기를 손꼽아 기다리는데 그 때를 알 수 있는 것이 이 배롱나무 꽃이 전부 지는 시기라고 합니다. 즉 배롱나무 곷이 다 지면 그때는 수확의 계절이라 배불리 먹을 수 있는 데 이 꽃은 끈질지게 계속 피고 지서 시간이 더디가서 (꽃때문은 아니지만)굶주림을 면하기 어려우니 (꽃때문은 아니지만) 꽃을 바라보면 원망을 한것이요.

또 한편으로는 이 꽃이 지면 굶주림애서 벗어날 수 있다는 희망을 품고 하루 하루를 견디어 낼 수 있었다는 것입니다.

지금 생각해보면 참 슬픈 이야기입니다. 가난하던 시절의… 예전 포스팅에서도 이 이야기를 잠깐 에도 간략히 적었는데.. 생각할 수록 슬픔니다. 그 이야기를 해주시던 어머님의 얼굴이 선합니다.

2.2. 조선시대 선비들이 사랑했던 배롱나무

배롱나무는 조선시대 선비들이 사랑했다고 기록이 많은데 배롱나무 나무줄기가 벗겨지고 매끄러워 여인의 나신을 연상시킨다는 이유로 양반집 안채에는 심지 않았고, 청렴을 상징한다고 하여 선비들이 기거하는 앞마당에 많이 심었다고 합니다.

이 배롱나무에 대해 조선시대 선비들의 기록이 많은데요.

사육신 중 한 분이신 성삼문은 "지난 저녁 꽃 한송이 지고, 오늘 아침 꽃 한 송이 피어, 서로 일백 일을 바라보니, 너를 대하여 좋이 한잔 하리라" 는 시까지 남겼습니다.


성삼문의 시

昨夕一花衰(작석일화쇠) 어제 저녁 꽃 한 송이 지고
今朝一花開(금조일화개) 오늘 아침 꽃 한 송이 피어
相看一百日(상간일백일) 서로 일 백일을 바라보니
對爾好銜杯(대이호함배) 내 네가 좋아 한 잔 하리라

당시 성삼문은 당시 혼란스러운 나라를 걱정하는 마음을 이 시에 담았다고 전해집니다..
이 시 및 내용은 선비들의 관상수..배롱나무에서 참조하였습니다.

2.3. 세속을 벗어던지는 배롱나무 – 절 마당을 차지하다.

배롱나무의 나무껍질은 옅은 갈색으로 매끄러우며 얇게 벗겨집니다.
이렇게 배롱나무가 껍질을 다 벗어 버리듯 스님이 세속을 벗어버리길 바라는 마음에서 배롱나무를 절 마당에 많이 심었다고 합니다.

아래는 고창 선운사에서 담아본 배롱나무입니다.

선운사-5148.jpg

선운사-5142.jpg

3. 배롱나무 아름답게 담아보기

배롱나무에 대해서는 찬사가 많이 있지만 이 곷의 튻ㅇ은 군집을 이우러 아름다움을 표현하므로 개개 꽃을 아름답게 담기는 쉽지는 않습니다.

그동안 담았던 배롱나무 꽃을 간략히 공유해 봅니다.

3.1. 유빈이 돌잔치가 열린 낙원가든의 배롱나무

유빈이 돌잔치가 열린 낙원가든 안쪽에는 건물을 좌우로 두고 배롱나무 흐드러지게 피었습니다.

식사를 하면서 밖의 배롱나무가 핀 풍경을 보는것은 참으로 고즈녁하고 운치 있고 아름다웠습니다.
글고 보기 쉽지는 않는 하얀 배롱나무도 볼수 있어서 좋았습니다.

닉원가즌 안 배롱나무-9913

배롱나무 꽃이 있는 풍경-0020

낙원가든 실내에서 바라본 밖 풍경 배롱나무가 보이는 풍경-9801

낙원가든 실내에서 창살문으로 바라본 밖 풍경 배롱나무가 보이는 풍경-9906

배롱나무 꽃-9949

배롱나무 꽃-0008

하얀 배롱나무꽃 그리고 고택-0033

3.2. 덕수궁에서 만난 배롱나무

비오는 날 문득 다녀왔던 덕수궁에서 만난 배롱나무..
배롱나무를 주제삼아 담았던 사진들을 여기서 공유해본다,,,

비오는 날의 덕수궁은 수줍지만 예쁜 배롱나무와 더불어 참으로 운치있었다.

덕수궁 비오는 날 배롱나무-7072

덕수궁 비오는 날 배롱나무-7068

덕수궁 비오는 날 배롱나무-7040

덕수궁 비오는 날 배롱나무-7066

3.3. 강릉 선교장에서 만난 배롱나무 꽃

작년 이맘때 방눔햇던 강릉 선교장에서 담은 사진.
날이 흐려서인가 곷이 도드라지게 표현되지는 못했다.

강릉선교장-1010.jpg

강릉선교장-1033.jpg

3.4. 고창 선운사에서 만난 배롱나무 꽃

앞에서 잠깐 업급했지만 고창 선운사 앞마당에 심어진 배롱나무꽃
아름답게 담으려고 했는데 많이 아쉽다.

선운사-5107.jpg

선운사-5105.jpg

선운사-5103.jpg

선운사-5097.jpg

선운사-5094.jpg

선운사-5078.jpg

선운사-5066.jpg

3.5. 감히 최고라 할 수 있는 담양 명옥헌 원림에서 만난 배롱나무 꽃

배롱나무가 유명한 곳이 많지만 다녀온 곳중에서 최고로 여겨지는 담양 명옥헌 원림의 배롱나무
언제 시간되면 꼭 한번 더 가고 싶은 곳입니다.

명옥헌의 배롱나무-9144.jpg
▲명옥헌을 바라보고 연못 주변의 배롱나무 꽃을 담아 보았습니다. 배롱나무 꽃과 연못과 연못에 비친 배롱나무 꽃과 연못에 떨어진 꽃잎이 아름답습니다.

명옥헌의 배롱나무-9173.jpg

명옥헌의 배롱나무-9154.jpg
▲연못에 떨어진 배롱나무 꽃잎 #1

명옥헌의 배롱나무-9210.jpg
▲연못에 떨어진 배롱나무 꽃잎 #1

[워드프레스 Tips] PHP7의 마리안디비(MarianDB)에서 문구를 일괄 변경하기

1. 들어가며

무슨 바람이 불었는지 2주동안 새로운 테마를 몰색했습니다.
시작은 사이트 속도를 높이는 것이 중요하고 그러려면 무엇보다도 속도가 빠른 테마 선택이 중요하다는 말에 현재 테마의 속도에 만족하지 못해서 새로운 테마를 몰색했습니다.

며칠 서칭끝에 선택한 테마는 EXTRA라는 테마인데 이 테마는 포스팅을 화려하게 만들어주는 페이지 빌더 기능을 가지고 있어 잡지처럼 컨텐츠를 구성할 수 있다는 희망을 가지고 거금 89달러를 지불했습니다. 그것도 영구 소유가아닌 1년간 사용권으로.

지금 생각해보니 이성적이지는 않은 판단인 것 같은데요.

  • 이 테마는 빠르지는 않습니다. 화려하다보니 당연히 많은 이미지를 사용하므로 늦습니다. 기존에 적용하던 Colormag 테마와 비슷한 수준입니다.

  • 보다 테마 디자인이 수려합니다. 기능도 조금 더 많구요

  • 가장 강력한 것은 DIVI builder라는 페이지 빌더 기능입니다.

아무튼 이 테마를 적용했는데 여러가지 에러가 많이 발생하더군요.

오늘 이야기는 이 에러를 해결해가는 광정을 간략히 정리해 보았습니다.

2. 문제 – 유튜브가 비정상적으로 플레이 된다.

여러가지 문제가 발생하는데 그 문제 중 하나가 유튜브 동영상 관련된 것입니다.

아래 이미지처럼 재생 화면 높이가 2번 스크롤을 해야할 정도로 높아져서 보입니다.

problem in youtube script resize

도대체 문제가 뭘까? 왜 이 테마에서만 이럴까 고민해서 테마 판매처에 문의 메일을 넣으면 공식으로 문의 Ticket를 발행하라고하고 Ticket을 발행하려고하면 충분히 문서를 읽어보고 검색을 통해 유사 문제로 해결하라는 메세지가 나오면서 Ticket 발행이 않되더군요.

수십번 시도를 하다 열받아서 refund해달라는 요청메일을 보내놓은 상태입니다.

3. 문제 원인을 찾다 – 근본적인 이유는 모르지만

많은 포스팅이 유튜브 동영상을 인베드시켜놓았습니다.
유튜브 동영상들이 전부 문제가 있는지 살펴보았는데 다행히 일부만 문제를 보이고 있었습니다.

이 문제를 보이고 있는 유튜브동영상은 최근에 인베드시킬때 폭을 100%로 설정한 것들이 이 테마와 문제를 야기하고 있었습니다.

즉 아래와 같은 동영상 소스를

<iframe width="853" height="480" src="https://www.youtube.com/embed/OlxA8BxVMUw" frameborder="0" allowfullscreen></iframe>"

width=100%로 변경한 것이지요
에전에 사이트 폭에 맞추어 재생하게하는 방법으로 인터넷에서 소개되었던 팁이었는데요. 잘 쓰다가 문제가 생겼네요

<iframe width="100%" height="480" src="https://www.youtube.com/embed/OlxA8BxVMUw" frameborder="0" allowfullscreen></iframe>"

왜 문제를 야기하는지 궁금한데 테마 판매처에 문의할 수 있는 방안이 없어서.. Ticket을 거부하고 있어서..
급한대로 이 100%를 다른 워딩, 즉 원래대로 853등으로 변경하기로 합니다.

이를 포스팅한 내용을 일일히 바꾸어야 할까요?

No, No !! 넘 많으므로 DB에서 수정하는 방법을 찾아봅니다.

4. 마리안디비(MarianDB) 수정 방법

최근 PHP를 7.03으로 변경하면서 DB를 MarianDB 10으로 변경했는데요. 이 DB에서 사용할 수 있는 명령어를 찾아보았습니다.

4.1. replace syntax 사용 검토

인터넷에서 MarianDB로 적절한 명령어를 찾아보니 replace가 있네요.

아래처럼 제안하고 있었습니다.

REPLACE(str,from_str,to_str)

이를 이용해서 아래와 같이 SQL 명령을 넣었습니다.

SELECT REPLACE('iframe width="100%" height=','100%','883')

그랬더니 에러 메세지를 뽐어냅니다.

Current selection does not contain a unique column. Grid edit, checkbox, Edit, Copy and Delete features are not available

4.2. upadate syntax 사용 검토

혹시나해서 예전에 XE에서 워드프레스로 이전 시 활용했던 update문을 밑져야 본전이므로 사용해 보았습니다. 당근 DB는 backup해 놓았구요.

update문의 기본 문법은 아래와 같습니다.

UPDATE [테이블] SET [열] = '변경할값' WHERE [조건]

이를 토대로 SQL 쿼리를 만들었습니다.

UPDATE wp_posts SET post_content = replace(post_content, 'iframe width="100%"', 'iframe width="883"');

이게 처음에는 안되더라구요…
공백때문에 그런것인지 .. 고민하다 ' "를 명확히 구분하고 실행하지 되더군요..

질의 상자 보이기
169 열에 적용되었습니다. (질의 실행시간 0.2850 초.)
UPDATE wp_posts SET post_content = replace(post_content, 'iframe width="100%"', 'iframe width="883"') /span>

5. 마치며 – MarianDB에서 update로 일부 문구를 변경 가능

PHP 7에 사용하는 MarianDB에서도 DB에서 일부 문구를 변경할시 MySQLDB처럼 update문을 사용해 문구를 변경 대체할 수 있습니다.

상식적인 이야기일지 모르나 초보에게는 넘 어려운 이야기라서 적어보았습니다.

[워드프레스 Tips] 플러그인 사용하지 않고 연관글(Related Posts)을 출력해 속도를 높이는 방법

1. 플러그인을 사용하지 않으려는 이유?

많은 논란이 있지만 워드프레스는 무겁고 느리다는 데에 많은 사람들이 동의하고 있다. 물론 아니라고 주장하는 사람도 있다. 어디를 가나 완벽한 의견 일치라는 것은 없으니깐..

나도 XE에서 워드프레스로 이전하면서 워드프레스가 무겁다는 소리를 귀가 따갑도록 들어서 상당히 긴장을 하고 조금 더 빨리 할 수 있는 방법이 무엇인지를 더 고민하게 되었다. (워드프레스의 장단점을 떠나서 개인에게는 득이되었다고 봄)

워드프레스가 느린 이유에 대해서 대다수가 동의하는 것이 많은 플러그인 사용으로 인해서 이를 구동시키느라 느려진다는 것이다. 그렇기에 최적화하는 단계에서는 가능하는한 플러그인을 줄이라는 충고를 받고 있다. 주지의 사실이 아닌가??

따라서 여기에 연관글을 출력하는데 플로그인을 사용하지 않으려는 이유이다.

이미 많은 테마에서 연관글 출력을 별도 플로그인없이 출력할 수 있도록 기능을 내장하고 있다. 그런 경우는 내장 기능을 사용하면 된다.
또는 내장 기능이 마음에 들지않아 재디자인해서 사용하는 방법도 있을 수 있겠다.

  • 블로그의 기능을 제3자에게 의존하지 않아도 된다. 이는 유명 플러그인이 개발자의 사정으로 인해 버려지진 경우가 너무 너무 많다. 그들의 사이트는 오래되고 해킹등의 위험이 있는 사이트로 남아 있는 경우가 있다.
  • (아주 일부이긴하지만) 사이트를 느리게하거나 악화시키거나 심지어는 악성 코드를 담은 플러그인을 사용하는 위험을 없앨 수 있다는 점이다. 물론 워드프레스 공식 사이트에서 다운받는 플러그인의 경우 이런 위험이 낮다고 볼 수 있다.

2. 플러그인없이 썸네일이 있는 연관글(related posts)을 출력하는 code 만들기.

연관글(related posts)은 대부분 포스팅한 글의 아래 부분에 위치하도록 디자인 된다. 대부분 그렇다는 것이고 설계자의 맘에 따라서는 위나 또는 사이드바에 위치할 수도 있다.

2.1. tag를 활용해서 연관글(related posts)을 가져오자.

연관글(related posts)을 얻기 위해서는 포스팅한 글에서 적용한 tag를 사용한다. 글을 작성하면서 해당되는 tag를 입력해 놓았다면 그 tag를 분석해 연관성이 있는 tag가 있는 글이 출력되도록 하는 것이다. (물론 tag가 아니라 카테고리등으로 불러오는 경우도 있다. 필자가 사용했던 ColorMag라는 테마는 tag로 가져올 것인지 아니면 category로 가져올것인지를 선택하도록 되어 있었다. 많은 테마들이 그정도 친절하지는 않고 일반적으로 tag로 가져온다)

2.2. 섬네일(thumbnails) 가져오기

워드프레스는 다 알다시피 특성이미지(feature image)를 가지고 자체적으로 썸네일 만들어 이를 활용하도록 하고 있다. (다른 CMS도 방식은 다르지만 썸네일을 만들어준다. 워드프레스는 그 사용법 등등이 좀 더 요란스럽다. 사용자를 귀찮게 한다.)

이 썸네일을 사용하려면 아래 코드를 적용하자.
썸네일의 크기(높이나 폭)을 설정할 수 있다. 아래 두번째 코드
썸네일의 크기는 사용하고 있는 테마에서 어떤 크기의 이미지를 사용하는지 확인이 필요하다, 테마 디자이너의 철학(?)에 따라 지향하는 바에 따라 다양한 이미지의 크기를 사용하고 있다.

특히 연관글(related posts)은 small size를 많이 사용하는데 디자인을 중시하는 제가 현재(2016년 8월) 적용하고 있는 EXTRA 테마에서는 440x264를 요구하고 있다. 예전에 적용한 ColorMag에서는 400x250을 사용했다.

점차 사이트를 화려하게 만들면서 썸네일을 크게 만드는 방향으로 움직이는 것 같다.

요는 테마에서 사용하는 썸네일 사이즈를 확인해보고 가능하면 그 중 하나를 선택하는 게 좋다. 그렇지 않으면 연관글(related posts)용으로 썸네일 이미지를 추가만들라고 옵션을 주어야 한다.

아래에서는 상당히 작은 150*100을 책정했다.

add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 150, 100, true );

2.3. 최종 코드

2.3.1. 썸네일을 가진 연관글 코드

이상과 같이 썸네일과 함께 연관글(related posts)을 가져오는 코드는 아래와 같이 정리 할 수 있다.

<div class="relatedposts">
<h3>Related posts</h3>
<?php
  $orig_post = $post;
  global $post;
  $tags = wp_get_post_tags($post->ID);

  if ($tags) {
  $tag_ids = array();
  foreach($tags as $individual_tag) $tag_ids[] = $individual_tag->term_id;
  $args=array(
  'tag__in' => $tag_ids,
  'post__not_in' => array($post->ID),
  'posts_per_page'=>4, // Number of related posts to display.
  'caller_get_posts'=>1
  );

  $my_query = new wp_query( $args );

  while( $my_query->have_posts() ) {
  $my_query->the_post();
  ?>

  <div class="relatedthumb">
    <a rel="external" href="<? the_permalink()?>"><?php the_post_thumbnail(array(150,100)); ?><br />
    <?php the_title(); ?>
    </a>
  </div>

  <? }
  }
  $post = $orig_post;
  wp_reset_query();
  ?>
</div>

2.3.2. VIVI Theme에서 제안하는 코드

아래 코드는 VIVI theme에서 제안하는 코드이다.
참고로 가져왔으미 비교해 보시길..

<div class="relatedposts">
    <h3>Related posts</h3>
    <?php
        $orig_post = $post;
        global $post;
        $tags = wp_get_post_tags($post->ID);

        if ($tags) {
            $tag_ids = array();
        foreach($tags as $individual_tag) $tag_ids[] = $individual_tag->term_id;
            $args=array(
                'tag__in' => $tag_ids,
                'post__not_in' => array($post->ID),
                'posts_per_page'=>4, // Number of related posts to display.
                'caller_get_posts'=>1
            );

        $my_query = new wp_query( $args );

        while( $my_query->have_posts() ) {
            $my_query->the_post();
        ?>

        <div class="relatedthumb">
            <a rel="external" href="<? the_permalink()?>"><?php the_post_thumbnail(array(150,100)); ?><br />
            <?php the_title(); ?>
            </a>
        </div>

        <?php }
        }
        $post = $orig_post;
        wp_reset_query();
        ?>
    </div>

2.3.3. JointWP에서 제안하는 코드

아래 코드는 JointWP 테마에서 사용하는 코드이다.
이 코드는 WordPress Related Posts Without a Plugin라는 글에서 소개하고 있는 코드이다.

<?php
// Related Posts Function, matches posts by tags - call using joints_related_posts(); )
function joints_related_posts() {
    global $post;
    $tags = wp_get_post_tags( $post->ID );
    if($tags) {
        foreach( $tags as $tag ) {
            $tag_arr .= $tag->slug . ',';
        }
        $args = array(
            'tag' => $tag_arr,
            'numberposts' => 4, /* You can change this to show more */
            'post__not_in' => array($post->ID)
        );
        $related_posts = get_posts( $args );
        if($related_posts) {
        echo '<h4>Related Posts</h4>';
        echo '<ul id="joints-related-posts">';
            foreach ( $related_posts as $post ) : setup_postdata( $post ); ?>
                <li class="related_post">
                    <a class="entry-unrelated" href="<?php the_permalink() ?>" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a>
                    <?php get_template_part( 'partials/content', 'byline' ); ?>
                </li>
            <?php endforeach; }
            }
    wp_reset_postdata();
    echo '</ul>';
}
?>

이 연관글은 현재 포스팅 글의 tag와 같은 tag를 가진 포스팅을 찾아서 보여주는 코드이다.

이 코드를 functions.php파일에 추가하고 템플릿에서 joints_related_posts();를 사용해 불러냄으로써 사용할 수 있다.

참고로 가져왔으미 비교해 보시길..

3. CSS에 적용하기

위에서 2개의 클래스를 정의했는데 그중 하나 “.relatedposts는 전체 연관글을 뿌려주는 공간에 대한 정의이고 또하나 “.relatedthumb”는 연관글 개개의 썸네일과 링트를 정의해주는 것인다.

통상적으로 연관글이 들어갈 공간의 폭을 640px로 보고 CSS를 정의해보자.

.relatedposts {width: 640px; margin: 0 0 20px 0; float: left; font-size: 12px;}
.relatedposts h3 {font-size: 20px; margin: 0 0 5px 0; }
.relatedthumb {margin: 0 1px 0 1px; float: left; }
.relatedthumb img {margin: 0 0 3px 0; padding: 0;}
.relatedthumb a {color :#333; text-decoration: none; display:block; padding: 4px; width: 150px;}
.relatedthumb a:hover {background-color: #ddd; color: #000;}

여기서 썸네일의 폭이 150px이므로 약 4개의 연관글을 옆으로 나열할 수 있다는 의미이다.

4. 마치며

이상으로 간단히 플러그인없이 연관글을 출력하는 방법을 살펴보았다,.

요즘 나오는 테마는 어지간하면하면 연관글이 빌트인되어 있는바 별도로 설계할 일은 적겠지만 이것이 없는경우 별도의 플로그인을 사용하지 않고 연관글을 출력할 수 있는 방안도 함께 검토해 보길..

[GUESS 광고]GUESS 30주년 클라우디 쉬퍼(Claudia Schiffer) 광고 – 2012년

0

1. 들어가며 – 크라우디 쉬퍼(Claudia Schiffer)를 거론하는 이유

지난 포스팅에서도 언급했듯이 GUESS 광고 광고 히스토리를 살펴보면 GUESS 광고에 큰 영향을 준 모델로 클라우디 쉬퍼(Claudia Schiffer)를 가장 먼저 꼽고 그 후임인 애나 니콜 스미스(Anna Nicole Smith)를 꼽습니다. 그렇기에 뒤에서 소개하지만 GUESS가 브랜드 탄생 30주년을 맞아 Collection을 출시할 시 클라우디 쉬퍼(Claudia Schiffer)를 활용해 그 역사를 상기해보고 있습니다.

클라우디 쉬퍼(Claudia Schiffer)의 GUESS 광고는 인위적이지않은 자연스러움 자체를 섹시하게 느끼게 만들어 GUESS가 지향하려는 브랜드 방향과 잘 어울렸다는 평가를 받았습니다.

FASHIONISTA는 ‘GUESS WHO? A LOOK BACK AT THE TEN MOST FAMOUS GUESS GIRLS’라는 글에서 클라우디 쉬퍼(Claudia Schiffer)와 애나 니콜 스미스(Anna Nicole Smith)를 1. 2위에 올려놓았습니다.

이러한 영향력으로 인해 GUESS는 30주년을 맞아 대표적인 광고 모델로 크라우디 쉬퍼(Claudia Schiffer)를 뽑고 23년이 지나시점에서도 광고 작업을 하게 됩니다.

Claudia Schiffer

Claudia first modeled for Guess back in 1989 at age nineteen, and definitely set a high standard for other Guess girls who followed. With her bouncy blonde hair, enviably extensive lashes, and to-die-for sex faces, the German model epitomized the glam cool-girl aesthetic for which the company came to be known. Now twenty-three years later, we’re actually having trouble identifying which of her campaigns are old or new. Hot damn.

Anna Nicole Smith

In 1993, the controversial late tabloid queen was chosen to succeed Claudia Schiffer as the next Guess girl. Her gorgeous and sultry Guess ads paint a much different picture than the constant lawsuits, drug use, and weight fluctuation that plagued Anna Nicole’s tumultuous personal life. With her ample curves and larger than life personality, Anna Nicole Smith is still considered as the ultimate Guess girl.

2. GUESS 30주년에 다시 크라우디 쉬퍼(Claudia Schiffer)가 등장하다.

GUESS 30주년을 기념해 GUSS 사상 가장 많은 영향을 주었던 Claudia Schiffer를 기념하여 만들었다고 합니다.

2012년 ‘게스(GUESS)’는 브랜드 탄생 30돌을 기념하여 캡슐 컬렉션을 선보입니다. 이 제품 광고를 위해 과거 GUESS 광고 모델을 했던 슈퍼모델 클라우디아 쉬퍼와 작업을 합니다.

클라우디아 쉬퍼는 1989년부터 3년간 게스의 모델로 활동했는데 그후로부터 23년이 지나 41세의 나이에도 여전한 미모와 몸매로 섹시학 매혹 넘치는 매력을 발산하였습니다.

이 광고 Campaign은 GUESS의 CEO이자 크리에이티브 디렉터인 폴 마르시아노가 주도하고 독일 프랑크푸르트 출신의 사진전문 작가 엘렌 폰 운베르트가 촬영을 담당했습니다.

이탈리아 소렌토에서 진행된 광고 캠페인 작업은 흑백사진을 통해 마치 23년전으로 돌아간듯한 이미지를 보여줍니다.

GUESS는 이 광고를 기반으로 전 세계적으로 ‘30 Sexy year!’슬로건으로 Campaign을 벌입니다.

2.1. 30주년 기념 캠페인 인쇄 광고들

아래는 그 30주년 기념 캠페인 인쇄 광고 이미지의 일부입니다.

GUESS - Claudia Schiffer modelling the 30th Anniversary Collection in Sorrento in 2012_01.jpg

GUESS - Schiffer sporting another look from the the 30th Anniversary Collection in 2012_02.jpg

GUESS 클라우디 쉬퍼(Claudia Schiffer) 006.jpg

GUESS 클라우디 쉬퍼(Claudia Schiffer) 007.jpg

GUESS 클라우디 쉬퍼(Claudia Schiffer) 008.jpg

Picture-52.png

GUESS - Schiffer sporting another look from the the 30th Anniversary Collection in 2012_04.jpg

2.2. 30주년 기념 캠페인 옥외 광고들

‘30 Sexy year!’슬로건의 옥외광고(OOH)
GUESS 클라우디 쉬퍼(Claudia Schiffer) 008 OOH.jpg

뉴욕 타임스퀘어에 부착되었던 옥외광고(OOH)
Claudia Schiffer Time Square Guess from www.zimbio.com.jpg
[이미지 출처 – www.zimbio.com

30years Guess billboard.jpg
[이미지 출처 – www.dailybillboardblog.com]

2.3. GUESS 30주년 클라우디 쉬퍼(Claudia Schiffer) 광고

게시일: 2012. 4. 5.
GUESS is pleased to celebrate 30 years of iconic ad campaigns with the debut of the 30th Anniversary advertising campaign video featuring former GUESS model, Claudia Schiffer.

The video was developed under the creative direction of Paul Marciano, CEO and Creative Director of GUESS? Inc., and directed and shot by photographer and longtime GUESS collaborator, Ellen von Unwerth. Paul and Ellen partnered in 1989 for Claudia’s first GUESS campaign and the three have reunited now for the print and video campaign to celebrate this special milestone for the brand

3. 패션 브랜드 관련 글들….

드류 베리모어의 GUESS 청바지 광고

애나 니콜 스미스의 GUESS 청바지 광고 20

GUESS 청바지 광고 – GUESS FALL 2011 Campaign

탑모델 클라우디 쉬퍼(Claudia Schiffer)의 GUESS 청바지 광고

지지 하디드(Gigi Hadid)의 2015년 GUESS 청바지 광고

4. Luxury 브랜드 관련 읽어볼 글들….

명품 에르메스와 제휴한 애플워치 에르메스로 럭셔리의 세계로 진군하는 애플

실패한 뉴럭리 브랜드에의 도전, 제네시스 프라다

Louis Vuitton의 “Life is journey” campaign_고르바초프, 숀 코네리 외

Louis Vuitton의 새 모델이 된 Madonna의 image 광고

Louis Vuitton의 새로운 영상광고 where will life take you?(2008년)

2016 루이비통의 새로운 선택 – 게임 주인공 ‘라이트닝’을 광고 모델로 삼다

명품브랜드 최초, 루이비통 Life is Journey 캠페인 – 인생 그 자체가 여행

루이비통 광고 – ‘여행의 정취(Spirit of Travel)’ 2014

루이비통 광고 – ‘여행의 정취(Spirit of Travel)’ 두번째 2015 봄

루이비통 광고 – ‘여행의 정취(Spirit of Travel)’ 세번째 2015 가을

샤넬의 스토리텔링 광고

샤넬 No.5를 입는 마릴린먼로 인터뷰, 샤넬 광고로 부활하다

어떻게 샤넬 No.5는 시대의 아이콘이 되었을까? 샤넬 No.5의 브랜드 빌딩 역사 – 초창기에서 1970년대

어떻게 샤넬 No.5는 시대의 아이콘이 되었을까? 샤넬 No.5의 브랜드 빌딩 역사 – 1980년대 이후

구찌 부활스토리, 몰락하는 구찌를 트렌디 럭셔리 명품으로 변신시킨 톰포드(The Brand story of GUCCI & Tom Ford)

[워드프레스] 워드프레스 썸네일 이미지 재생성 하기

워드프레스 테마마다 사용하는 썸네일 크기가 다릅니다. 그렇기에 워드프레스 테마 변경 후 테마에서 추구하는 디자인을 충분히 활용하려면 워드프레스 썸네일을 다시 만들어 주어야 합니다.

여기서는 테마 변경 후 썸네일 이미지를 다시 만들어주는, 썸네일 이미지 재생성 방법에 대해서 살펴보겠습니다.

1. 테마 변경 후 실망하다.

이번에 테마를 Extra로 변경하면셔 여러가지 삽질을 했는데요.

이 중 썸네일과 관련되어 삽질한 이야기를 해보겠습니다. 워드프레스는 신경써야할 점이 참 많긴 합니다..

XE를 계속 쓸적에는 그곳의 상황에 익숙해져 있었으므로 커다란 불편은 많지는 않았습니다. 그래도 워드프레스보다는 알아서 해주는게 많다는 느낌입니다. 이게 좋냐 나쁘냐는 평가의 개념은 아님니다. 무엇이든 일장 일단이 있으므로..

아무튼 Extra를 거금 89$를 주고 적용을 했는데 생각보다 별로라는 생각이 팍팍 듭니다. (왜 테마를 이 비싼 것으로 정했는지는 나중에 정리해 보겠습니다)

다들 디자인에 혹해서 구매해 설치하고나면 도대체 뭐가 좋은질를 잘모르겠다는 하소연이 괜히 있는게 아니듯 싶습니다.

2. 워드프레스 테마마다 원하는 썸네일 사이즈가 다르다!!

아래 이미지는 Extra라는 테마를 적용 후 일정 부분 커스터마이징을 한 상태입니다.

뭐가 어색한데요. 그것은 썸네일 사이즈가 서로 다르게 표시되어 그런것입니다.

썸네일 이미지 문제

Extra는 Square small(150150), Square medium(440440), Small(440264), Medium(627376), simple Post (1280640), Huge(1280768)을 사용합니다.

그런데 기존에 사용하던 테마는 이런 사이즈를 사용하지 않았기 때문에 원본 파일을 그대로 불러왔고 그 비율대로 줄여서 표시하다보니 높이가 뒤죽박죽이 된 것입니다.

XE에서라면 이는 프로그램에서 자동으로 처리되어 보기좋은 상태로 만들어주겠지요. 이런면에서 XE의 좋은점이 보이는군요.

3. 워드프레스 썸네일을 다시 만들어줘야 합니다.

테마 판매 사이트에 가서 기존 섬네일과 관련한 VOC를 보니 관련 문의가 참 많았습니다. 그중하나가 썸네일 크기 문제인데요.. 판매사이트에서도 썸네일을 다시 만들어주는 플러그인을 소개해주고 이를 쓰라고 가이드하고 있었습니다.

3.1. 썸네일 다시 만들어주는 regenerate-thumbnails

판매처에서도 소개하고 온라인 사이트에서 이구동성으로 소개하는 플로그인이 regenerate-thumbnails입니다.

간단하게 설치하면 플로그인이 테마의 조건을 확인해서 자동으로 썸네일을 만들어 줍니다.

제가 750개정도의 이미지 파일의 썸네일을 변환해야 했는데 10분도 안되어 금방 끝났습니다.

먼저 이 플러그인 주소는 아래와 같으니 참고만 하시기 바랍니다.

[regenerate-thumbnails 참고 주소]

3.2. regenerate-thumbnails 사용법

그리고 일반 플러그인 설치 및 사용 방법은 일반 플러그인과 큰 차이가 없기에

  • 간단히 설명한 유투브 동영상
  • 간략히 사용법을 이미지와 같이 설명해 보겠습니다.

▽ regenerate-thumbnails 사용에 대한 유투브 동영상, 영어라는 함정

▽ 순서대로 적어본 사용법,
플로그인을 설치하고 나면 도구에서 아래 그림처럼 Regen. Thumbnails라는 항목이 생깁니다.

Regenerate Thumbnails plugin 도구에서 모습

▽ Regen. Thumbnails을 누르면 아래과 같은 화면이 나옵니다.

메뉴는 단순합니다. 단 하나 Regenerate All thumbnails 버튼 하나가 있습니다.
망서리지말고 이 버튼을 누르면 다음 단계로 넘어갑니다.

참고로 이 pro version이 있는데 여기에서는 보다 자세한 세팅을 할 수 있다고 하네요. 저의 경우는 이걸로도 충분하니 pro version은 pass

Regenerate Thumbnails plugin 실행전 모습

▽ Regenerate All thumbnails 버튼을 누르면 아래 이미지처럼 빠른 속도로 썸네일을 만들기 시작합니다. 10분도 안되 금방 끝납니다.

Regenerate Thumbnails plugin 실행 모습

4. 썸네일을 재쟁성후의 모습

썸네일을 다시 재성성 후 사이틀를 살펴보면 뭔가가 균형이 맞아죴다는 것을 느낄 수 있습니다.

각 위치의 썸네일이 같은 크기로 나란히 배치되었습니다.

이의 결과로 다운받는 이미지의 사이지가 대폭줄었습니다.

섬네일을 제대로 형성시켜주기 전에는 5.6MB였는데 2.12MB로 줄었습니다. 더 줄여야하기는 하는데 이 테마가 워낙 많은 이미지를 사용하므로 쉽지는 않습니다.

▽ 최종 썸네일을 최적화한 후의 사이트 모습니다..

썸네일을 재생성 후 사이트의 모습

5. 마치며 워드프레스는어렵다는 생각을 합니다.

이상으로 간략히 섬네일을 재생성해서 신규 테마를 안정화시키는 방안에 대해서 살펴보았습니다.

워드프레스가 워낙 자유롭게 운영되다보니 적응하는 소비자입장에서는 테마마다 새롭게 공부하는 자세로 접근해야하는 이는 많이 좋지는 않다고 보여집니다.

워드프레스가 롱런하려면 이런 부분의 파편화를 최소화하는 방안을 찾아야 하겠습니다.

구글 안드론드도 파편화문제로 비판을 많이 받았는데 최근에는 구글의 가이드를 강화함으로써 이런 문제를 해결해 가고 있는 거처럼 워드프레스도 필요합니다.

출근길을 울컥하게 만든 세월호 어머니의 편지

1

출근하는 택시안에서 페북을 보다 김상수님이 올린 세월호사건 시 딸을 잃은 어머니의 편지를 읽었다.

택시안에서 울컥했기에 그 편지를 여기에 남겨본다.
오래 전의 이야기라 해도 좋다.. 다만 그 정서를 조금 오래 남겨두고 싶다.


세월호 어머니의 편지


너는 돌 때 실을 잡았는데.
명주실을 새로 사서 놓을것을..
쓰던 걸 놓아서 이리 되었을까?

엄마가 다 늙어서 낳아서 오래 품지도 못하고 빨리 낳았어.
한달이라도 더 품었으면
사주가 바뀌어 살았을까?

엄마는 모든걸 잘못한 죄인이다.
몇 푼 벌어 보겠다고 일하느라
마지막 전화 못받아서 미안해.

엄마가 부자가 아니라서 미안해.

없는 집에 너같이 예쁜애를 태어나게 해서
미안해.

엄마가 지옥갈께
딸은 천국가..

세월호 참사 때 딸을 일은 엄마의 시

생각해보니 세월호에 대해서 내가 특별히 한 것은 없다.
그 안타까와 했고 몇 달간 카톡에 세월호를 상기하는 노란 리본 사진으로 대신했던 것 외는..

뭔가를 했었어야한다는 아쉬움이 남는다.
바쁜 일상이 계속되면 잊어버릴 수도 있지만 지금은 조금 경건하고 이슈들이 잘 풀리길 빌어본다.

조금이라도 행복해지길 바라는 마음에서 이미지는 밝은 이미지를 골랐다. 출처는 인터넷을 검색하던 중 시민이 함게하는 세월호 추모 영상제에서 가져왔다.

나사 (NASA)가 발표한 화성의 황홀한 순간

0

나사가 최근 화성에서 담은 사진 1000여장을 화성의 황홀한 사진이라는 제목으로 발표했다.

트위터로 공유받은 멋진 사진을 공유해본다.

시간이 되면 1000장의 사진 중 마음에드는 사진을 더 공유하리라..

멋지다.. 사진으로보는 화성은
당장 화성으로 냐려가면 척박한 현실이 기다리겠지만 멀리서 보는 화성은 정말 아름답다..

A North Pole dune field nicknamed “Kolhar” after Frank Herbert’s fictional world.

IMG_20160811_143825 nasa resize

PS. 아침에 다시 보는 이 사진은 왜 이리 보이지? 처음 본 순 간보다는 실망스러웠다..

화성 관련 멋진 사진들

NASA에서 지금 발표한 사진중에서 멋진 사진들을 몇개 추려서 여기에 공유해 본다.

주로 Astronomy Picture of the Day 에서 소개된 사진들로 골라봤다.

▽ Dark Dunes on Mars (Horizontally Compressed)
Image Credit: NASA, JPL-Caltech, MSSS

%eb%82%98%ec%82%ac-%ed%99%94%ec%84%b1-%ec%82%ac%ec%a7%84_picture-of-the-day_20160720_darkdunesmars_curiosity_960

▽ The Day After Mars
Image Credit & Copyright: Rolando Ligustri (CARA Project, CAST)

%eb%82%98%ec%82%ac-%ed%99%94%ec%84%b1-%ec%82%ac%ec%a7%84_picture-of-the-day_20141101_marsssdayafter_ligustri1024_astroligu60

▽ White Rock Fingers on Mars
Image Credit: THEMIS, Mars Odyssey Team, ASU, JPL, NASA

%eb%82%98%ec%82%ac-%ed%99%94%ec%84%b1-%ec%82%ac%ec%a7%84_picture-of-the-day_20160215_whiterock_marsodyssey_960

▽ Retrograde Mars
Credit & Copyright: Tunç Tezel (TWAN)

%eb%82%98%ec%82%ac-%ed%99%94%ec%84%b1-%ec%82%ac%ec%a7%84_picture-of-the-day_20141028_retrogrademars2014_tezel_annotated_1080

▽ A White Hole in Mars
Image Credit: NASA, JPL, U. Arizona

%eb%82%98%ec%82%ac-%ed%99%94%ec%84%b1-%ec%82%ac%ec%a7%84_picture-of-the-day_20141101_marshole2_hirise_960

▽ Dry Ice Pits on Mars
Image Credit: HiRISE, MRO, LPL (U. Arizona), NASA

%eb%82%98%ec%82%ac-%ed%99%94%ec%84%b1-%ec%82%ac%ec%a7%84_picture-of-the-day_20110926_dry-ice-pits-on-mars-900

▽ Seasonal Dark Streaks on Mars
Image Credit: HiRISE, MRO, LPL (U. Arizona), NASA

%eb%82%98%ec%82%ac-%ed%99%94%ec%84%b1-%ec%82%ac%ec%a7%84_picture-of-the-day_20110808_marsstreaks_mro_1269

▽ A Dark Dune Field in Proctor Crater on Mars
Credit: HiRISE, MRO, LPL (U. Arizona), NASA

%eb%82%98%ec%82%ac-%ed%99%94%ec%84%b1-%ec%82%ac%ec%a7%84_picture-of-the-day_20101122_a-dark-dune-field-in-proctor-crater-on-mars

▽ Slope Streaks in Acheron Fossae on Mars
Credit: HiRISE, MRO, LPL (U. Arizona), NASA

%eb%82%98%ec%82%ac-%ed%99%94%ec%84%b1-%ec%82%ac%ec%a7%84_picture-of-the-day_20100301_slope-streaks-in-acheron-fossae-on-mars

▽ Mars and a Colorful Lunar Fog Bow
Credit & Copyright: Wally Pacholka (AstroPics.com, TWAN)

%eb%82%98%ec%82%ac-%ed%99%94%ec%84%b1-%ec%82%ac%ec%a7%84_picture-of-the-day_20100202_mars-and-a-colorful-lunar-fog-bow

▽ Ancient Layered Hills on Mars
Credit: Malin Space Science Systems, MOC, MGS, JPL, NASA

%eb%82%98%ec%82%ac-%ed%99%94%ec%84%b1-%ec%82%ac%ec%a7%84_picture-of-the-day_20091129_ancient-layered-hills-on-mars

새로운 유통과 바빈스키 콜라보로 성공한 야쿠르트 콜드브루 by 바빈스키 마케팅사례

1

최근 핫하게 떠오르고 있는 커피의 일종인 콜드브루, 그중에서도 이 시장을 처음 열었다고 평가받는 야쿠르트 콜드브루에 대해서 알아보자.
한국 커피 시장에 대해서 간략히 알아보고,, 소비자 트렌드가 어찌 움직여왔는지 살펴보면서 콜드브루가 나오겐 배경을 살펴보고 야쿠르트에서는 어떻게 이런 시장 기회를 포착해 상품화 했는지 살펴보다록 하자.

1. 한국 커피 시장 개괄

한국에서 커피시장은 팽창을 거듭해오고 있다. 해마다 더 이상 성장할 수요가 없다는 비명을 지르지만 다양한 방법으로 수요를 견인해 온것이 한국 커피 시장이다.

2015년 국내 커피 산업 시장규모는 전년 대비 23.8% 성장한 7.6조원으로 예상되며, 이 중 40.7%가 원두커피 상품 시장으로 파악된다.

원두커피 상품 시장의 성장여력은 8개년 CAGR 기준 27.8%로 전체 커피산업 성장률 21.9%를 상회해 커피 전문점 시장의 성장성을 방증한다. [KB투자증권 자료 인용]

한국 커피 산업 시장 규모 추이

2. 커피 기호의 변화 – 새로운 커피에의 갈망

2.1. 커피 기호가 점차 바뀌다.

2013년 까지는 아메리카가 커피의 제왕이어었다. 2013년에 스타벅스가 밝힌 바에 따르면 아메리카노는 3070만잔이 팔려 카페라떼의 1670만잔을 2배 차이로 제치고 1위를 차지하고 있었다.

이러한 단순한 선호구조에서 2014년부터는 더치커피나 핸드드립등을 전문적으로 취급하는 카페가 증가하면서 조금 더 다양해지고 좀 더 전문적인 맛을 찾는 수요가 증가하기 시작했다.

입이 고급화되면서 쓴맛이 나는 아메리카노 대신 부드러우면서도 원두의 향이 살아있는 더치커피나 핸드드립을 원하는 수요가 증가하기 시작한 것이다.

2.2. 더치커피와 콜드브루 차이

일반적으로 뜨거운 물로 커피를 추출하지만 콜드브루는 반대로 찬물이나 상온의 물을 사용해 커피를 내린다. 찬물로 커피를 내린다고 이름이 콜드브루(cold brew)라고 부르며 기존에 널리 알려진 더치커피(Dutch coffee)와 같은 것이며 워터드립(water drip)이라고도 불리운다.

더치커피란 용어는 네덜란드풍 커피라 하여 붙여진 일본식 명칭이라고 요즘 폄하되고 있는 듯하다.

콜드브루(cold brew)나 더치커피(Dutch coffee)의 유래는 네덜란드령 인도네시아 식민지의 선원들이 유럽으로 장기간 항해를 하던 중 커피를 마시기 위해 고안해낸 방법이라는 설과 인도네시아에 살던 네덜란드 사람들이 커피의 쓴맛을 없애기 위한 방법으로 만들어 낸 것 이라는 설이 있다. 아마도 모두 네덜란드와 연관되므로 더치라는 이름이 붙지 않았나 싶다.

3. 콜드브루 상품화 전략

야쿠르트 콜드브루 by 바빈스키(Cold Brew by Babinski)의 상품화 과정을 살펴보자.

후술하겠지만 야쿠르트는 커피시장에 처음 진입하는 후발주자로 커피 및 커피시장에 대해서 잘 알지 못햇으므로 이를 극복할 방안이 필요 했다. 이를 위해서 두가지 방향으로 접근이 이루어진다.

  • 첫번째는 원하는 상품을 만들 수 있는 기술개발에 박차를 가하는 것이고,
  • 두번째는 커피시장의 문외한이라는 약점을 커버하기위한 endorser를 활용하는 것이다. 이를 위해서 2015년 마국 바리스타 챔피언쉽 우승과 월드바리스타 챔피언쉽 준우승자인 찰스 바빈스키와 협업하게 된다.

3.1. 상품전략 방향 – 대량 생산하는 신선한 커피로 RTD 시장 진입

야쿠르트는 주로 유제품을 판매하던 회사이므로 커피에 대한 노하우가 거의 없었다. (그런 의미에서 약 2년동안 커피를 연구해 콜드브루 by 바빈스키를 출시했다는 것은 대단한 일이라고 생각한다.)

첫번째는 후발주자이므로 기존 시장에서 루어지고 있는 경쟁의 축 즉, 누가 더 맛있는 커피를 만드는가? 또는 누가 더 싼 커피를 제공하는가라는 경쟁의 틀에서 벗어나 건강을 위한 유제품을 팔던 회사 이미지에 맟추어 신선해서 더 건강한 커피라는 새로운 접근을 시도한다.

이는 소비자들의 트렌드가 일반적인 아메리카일색에서 벗어나 드립커피나 더치커피 등 보다 깊은 맛을 주는 커피로 이동하는 트레드에 부합하고 경쟁의 틀을 벗어나 블루오션을 만들 수 있는 기회라고 볼 수 있다.

두번째로는 위의 신선한 커피라는 개념은 이미 커피 전문점에서 더치커피등으로 판매하는 커피이므로 소비자입자에서는 아주 새로운 것은 아닐 수 있다. 그러나 기존 RTD시장(Ready-to-Drink의 준말로 구입하자마자 바로 마실 수 있다는 의미로 마트에서 판매하는 커피들이 여기에 해당한다.)에서는 이야기가 다르다. 여기에서는 신선한 커피라는 것은 시도 되지 않은 최초의 컨셉 제품이라 할 수 있는 것이다.

야쿠르트도 계열사인 팔도에서 RTD 커피를 판매하고 있는데 여기에서는 cold brew coffee는 대량 생산이 불가하는 게 정설로 되어 있었다. 이러한 불가능하다는 인식을 깨뜨린게 바로 콜드브루 by 바빈스키라고 할 수 있다.

결국 일부 소수 매니아만 즐겨왔던 더치커피 또는 콜드브루커피를 대량생산해 RTD시장에 진입하는 것이 야쿠르트가 설정한 상품전략 목표라고 할 수 있다.

3.2. Product – 신선하고 맛있는 콜드브루 커피를 대량 생산해 소비자에게 제공

3.2.1. 콜드브루를 대량생산하는 기술의 개발

앞에서 지적한대로 콜드브루는 대량 생산이 어렵다는게 중론이었지만 야쿠르트는 기술 개발을 통해서 대량 생산할 수 있는 방안을 개발한다.

더우기 야쿠르트는 기업 임지 포지셔닝의 핵심인 건강을 지키기 위해서 커피에 첨가물을 넣지않는 신선한 커피를 만들겠다고 방향을 정했기 때문에 기존 공정에서 사용하던 첨가물을 사용하지 않고 제품을 만드는 것은 많은 도전이 따르는 작업이었다.

야쿠르트 연구원과의 인터뷰에서 밝혀진 내용은 첨가제를 섞지않고 콜드브루를 대량생산할 수 있는 핵심기술로 아래 세가지를 꼽았다.

  • 브릭스(Brix, 농도 측정 단위) , 브릭스가 낮으면 맛의 차별성이 떨어지므로 적절한 브릭스를 결정하는 것이 필요하다. 이를 위해 고농도 추출액 기술을 보유한 협력업체와 함께 상용화 기술을 개발했고 이를 토대로 더치커피를 내리는 시간을 1~2시간으로 줄였다.
  • 무첨가 즉 첨가제를 넣지 않고 라떼와 커피 원액을 섞는 기술의 개발. 보통 일반적인 RTD커피라떼는 커피와 우유를 섞기위해 유화제라는 첨가제를 넣는데 야쿠르트 신제품에는 이런 첨가제를 일절 사용하지 않는 커피를 ㅐ발하였다.
  • 가장 맛있는 커피를 만들 수 있는 물이 무엇인지를 규명 한 것. 끓는 점, 미네랄의 양, 경도, 염소 성분등 등등 맛에 영향을 미치는 수많은 변수를 수많은 시행착오를 통해서 맛있는 커피가 나오는 물의 조건을 규명한 것이다.
3.2.2. 맛있는 커피를 위한 엄선된 스페셜티커피 사용

커피의 맛을 좌우하는 것은 로스팅을 어떻게 할것이냐? 어던 원두를 사용하느냐에 따라서도 달라진다.

야쿠르트에 사용하는 콜드브루에는 맛을 지키기위해

  • 원두는 1년이내의 프리미엄 햇원두만을 엄선해 로스팅함으로써 최상의 맛을 유지할 수 있도록 한다.
  • 이를 위해서 미국스페셜티협회에서 인정한 프리미엄급 원두만 사용하고 매입 국가도 에티오피아, 브라질,콜롬비아산만 사용한다.

야쿠르트에서 설명하기를 커피는 스페셜티, 프리미엄, 일반의 3등급으로 나누어지는데 지금까지 대부분 RTD커피는 일반커피를 사용하고 있으며, 커피전문점에서는 프리미엄커피를 사용하고 최상급인 스페셜티를 사용하는 곳은 거의없다고 한다.

그런 최상급의 스페셜티 커피를 야쿠르트의 신제품 적용한다는 것이다. 그 만큼 맛을 위해서 최고의 원두를 사용한다는 의지를 보여주는 것이라 할 수 있다.

3.3. Packaging Design

기존 제품들의 평범한 제품 디자인에서 벗어나 기존과 확실히 차별화되도록 디자인했다.

콜드브루 디자인은 아래와 같은 특징을 가졌다.

  • 텀블러 모양으로, 한 손에 쥐어도 편하며 쉽게 미끄러지지 않도록 한 게 특징으로 깨끗이 씻어 텀블러로도 사용할 수 있도록 디자인했다.
  • 이는 한꺼번헤 많은 양의 커피를 마시지 못하는 여성들이 열고 으며 계속가지고 있으면서 마실 수 있도록 텀블러형으로 디자인 된것 이며
  • 커피 강도를 조절할 수 있도록 앰플 형태를 제공해 편리함을 더했다.

이러한 차별화되고 실용적이고 더우기 갖고싶은 디자인으로 콜드브루 by 버빈스키가 젊은층에 소구되는데 중요한 역활을 했다.
인증 사진을 찍은데 제품이 멋져보여야 하잖아요.

3.3. 모델 운영

기존 RTD커피는 매우 다양한 모델을 운영하고 있다.
예를 들어 매일유업의 바리스타는 모카프레소, 에스프레소 라떼, 스모키 로스팅 라떼, 카라멜 딥 프레소등등 매우 다양하다.

그러나 야쿠르트는 이렇게 복잡한 라인업보다는 간결하게 딱 3가지만 운영하는 심플한 라인업을 제안하고 있다. 즉 아메리카노, 카페라떼, 앰플의 3개가 바로 그것이다.

콜드브루 by 바빈스키(Cold Brew by Babinski) 카달로그3

3.4. 가격전략(Price Positioning)

콜드브루 by 바빈스키(Cold Brew by Babinski)의 경쟁모델이 무엇일까?

사람마다 다르겠지만 당장은 슈퍼에서 판매하는 RTD 계열의 커피가 될것이고 두번째는 커피전문점에서 파는 더치커피등이 경쟁 모델이 될 것니다.

RTD 시장중 컵커피시장에서 시장점유율이 가장 높은 매일유업 바리스타는 1900원, 그리고 일반 커피전문점에서 커피 한잔이 4~5000원하는 상황에서 콜드브루 by 바빈스키(Cold Brew by Babinski)의 가격은 RTD 시장에서 가장 비싼 바리스타보다 조금 높은 2,000원으로 포지셔닝한다.

참고로 스타벅스는 콜드 브루를 4500원, 콜드 브루 라떼는 5000원에 판매하고 있다.

콜드브루 by 바빈스키(Cold Brew by Babinski) 가격전략

콜드브루 by 바빈스키(Cold Brew by Babinski) 카달로그2

3.5. 유통전략

콜드브루는 로스팅한 뒤 14일내에 마셔야 제대로 된 맛을 느낄 수 있다. 그 이후부터는 풍미가 떨어지고 산패가 시작된다. 이처럼 길지않은 유통기한이 콜드브루를 대량생산에 커다란 걸림돌이 되어왔다.

이런 한계를 야쿠르트는 회사에서 보유하고 있는 13,000명의 야쿠르트아줌마를 활용하기로 한다. 이들은 신선한 유제품을 배달하기위해 냉장 장치가된 이동장치를 끌고 다니는데 여기에 콜드브루커피를 추가해 판매함으로써 콜드브루의 한계를 돌파하고자 한것이다.

이 전략은 멋지게 성공했다. 냉장시스템에 의한 신선도를 유지하고 일정 재고를 비축해놓고 소비자를 기다려서 판내하는 시스템이 아니라 야쿠르트아줌마를 통한 정기적으로 주문하고 배달해주는 subscription 모델로 운영되어 수요예측이 정확하고 철저한 유통기한 및 재고관리를 가능케 한것이다.

더우기 일반 유통에서 구할 수 없고 야쿠르트아줌마를 통해서만 구입할 수 있다는 희소성이 2030층에 인증샷을 올리는 핫한 아이템이 되는 한 계기가 된 것이다.
(물론 그 이면에는 소비자가 만족할만한 제품력이 뒷받침된 것은 말할 것도 없다.)

야쿠르트 아줌마

3.6. 커뮤니케이션 전략

3.6.1. 바빈스키(Babinski)와 콜라보

이 바빈스키와 콜라보를 어디에 넣어야하는지 고민을 많이 했는데 커뮤니케이션부분에서 설명하는게 맞다고 보아 여기에서 설명한다.

상품기릭, 개발 등등은 야쿠르트가 주도했고 바빈스키는 조언 및 협조하는 것이고 그의 가장 큰 역활은 커피에 대해 문외한이 야쿠르트가 최상급 커피인 콜드브루 비지니스를 한데 endorser역활을 하는 것이다.

앞에서 잠간 설명했듯이 야쿠르트는 커피시장의 문외한이라는 약점을 커버하기위한 endorser로 2015년 마국 바리스타 챔피언쉽 우승과 월드바리스타 챔피언쉽 준우승자인 찰스 바빈스키와 협업하게 된것이다.

그와의 콜라보는 콜드브루 by 바빈스키(Cold Brew by Babinski)라는 브랜드로 결실을 맺었다.

야쿠르트는 바빈스키(Babinski)를 적극활용하고 그의 endorsing을 통해서 콜드브루 by 바빈스키(Cold Brew by Babinski)가 정말 건강하고 신선한 콜드브루라는 이미지를 심어주고 있다.

바빈스키(Babinski)

바빈스키(Babinski)02

3.6.2. 바빈스키(Babinski) 활용한 TV 광고

4. 성공요인

4.1. 한국 야쿠르트의 ‘한국야쿠르트 아줌마’

△한국야쿠르트가 가진 오랜 판매조직 ‘한국야쿠르트 아줌마’

4.2. 기존 커피제품에 충족되지 않던 ‘신선’ 차별적인 컨셉

4.3. 치열한 경쟁과 바쁜 소비자들에게 편리함을 제공한 서비스와 기술 혁신

4.4. 미적 감각을 살린 제품 디자인

콜드브루 by 바빈스키(Cold Brew by Babinski

[2016년 2분기 업데이트]세계 스마트폰 시장 점유율 추이 – 삼성이 선두지만 화웨이의 추격이 거세다

0

원래는 아이포의 애플에 대해서 준비하다 아깆 자료가 충분하지 못해 우선 2016년 2분까지 스마트폰시장에서 각 메이커별 시장 점유율 추이를 간략히 정리해 보고자 한다.

참고로 매분기 스마트폰 시장을 이해하기 위해 매분기 발표 자료를 분석 포스팅을 공유하니 아래 링크를 참조해 주시기 바란다.. 최신 자료순으로 나열하였다.

[2018년 4분기] 세계 스마트폰 점유율 – 3년만에 4분기 1위를 차지한 삼성, 가까스로 2위를 지킨 애플, 여전히 무서운 화웨이<

[2018년 3분기] 세계 스마트폰 점유율 – 여전히 기세 등등한 화웨이와 샤오미

[2018년 2분기] 세계 스마트폰 점유율 – 애플을 제치고 화웨이가 2위로 올라서다.

[2018년 1분기] 세계 스마트폰 점유율 – 삼성의 왕좌 복귀에도 애플의 질적 성장이 눈부시다

[2017년 4분기] 세계 스마트폰 시장 점유율 – 애플, 삼성을 제치고 두번째 왕관을 쓰다.

[2017년 3분기] 세계 스마트폰 시장 점유율 추이 – 삼성의 리딩속 애플, 화훼이가 그 뒤를 따르다.

[2017년 2분기] 세계 스마트폰 시장 점유율 추이 – 삼성의 안정적 리딩 , 화훼이 등 중국업체의 약진

[2017년 1분기] 세계 스마트폰 시장 점유율 추이 – 삼성의 왕좌 복귀, 화훼이와 오포 등 중국업체의 약진

[2016년 4분기]세계 스마트폰 시장 점유율 추이 – 애플의 왕좌 등극, 삼성 몰락의 가시화 그리고 화훼이 점유율 10% 돌파

[2016년 3분기 업데이트]세계 스마트폰 시장 점유율 추이 – 삼성 몰락의 전조(?) 그리고 여전한 중국 업체의 추격

[2016년 2분기 업데이트]세계 스마트폰 시장 점유율 추이 – 삼성이 선두지만 화웨이의 추격이 거세다

지난 7월 말 IDC에서 2016년 2분기 출하량기준으로 Top5를 선정해 발표했는데 이 자료를 기반으로 업데이트를 했다.

그래프를 그리고 나니 몇가지가 명확히 보이긴 하다.

사용자 지정 2

그래프를 통해서 몇가지 ihttps://spoqa.github.io/images/2015-10-13/0_0.pngnsight를 살펴보다. 스마트폰업계에는 문외한이 바라보는 스마트폰 시장…

  1. 이번 2016년 출하량 발표에서 IDC도 언급했지만 중국 업체의 약진이 두두러졌다. 2분기 상위 5개업체중 3위 화웨이, 4위 OPPO, 5위 vivo로 3위 ~ 5위를 모두 중국 업체가 휩쓴 것이다. 여기 그래프에는 나오지는 않지만 2016년 2분기에 OPPO 는 6.6% vivo는 4.8% 시장점유율을 차지했다고 한다.
  2. 마찬가지로 화웨이의 성장이 무섭다. 화웨이는 2016년 2분기 점유율 9.4%를 기록했는데 이런 추세라고하면 10%벽을 깰 것 같다. 더우기 애플 점유율이 계속 낮아지고 있는데 애플이 방심하면 역전될 가능성도 있는 것 같다. 화웨이외 중국업체는 샤오니나 레노버나 한때는 두가을 나타냈는데 이제는 OPPO나 vivo같은 업체가 두각을 나타내고 있다.
  3. 애플이 위험하다. 앞 2번에서 다루었지만 화웨이는 꾸준히 성장하고 있고 애플은 계속 하락하고 있으어 이런 흐름을 되돌 수 없다면 애플이 당장 3분기에 3위로 밀려날 수도 있다. 애플에 대해선 별도로 고민해서 포스팅해 봐야겠다.
  4. 삼성은 여전히 1위이지만 점유율은 조금 줄었다. 전통적으로 2분기가 삼성에게는 비수기인듯.. 여기에서도 갤럭시S7의 영향을 지적하고 있다. 며칠전 갤럭시노트7을 출시했는데 이게 시장에서 어떻게 작용할지 관심을 갖고 봐야겠다.

갤럭시노트7 스크린샷

  1. IDC가 중국 vovo에 대해서 설명하면서 vivo에서 한류스타인 송중기를 적극활용한 것이 효과를 보았다고 적고 있다[^]. 태양의 후예는 스마트폰 시장의 흐름을 좌지우지할 정도로 커다란 영향을 미치고 있다.

태양의 후예 포스터 crop

  1. LG니 샤오미는 어디로 갔을까? 희미해진 존재들.

[^]: IDC의 인사이트를 인용해 본다. ‘vivo is still on an upward trajectory in China, with momentum spread across multiple product models. At the time, vivo is still 100% focused on Asia/Pacific, with the vast majority of volume still in China. vivo had several new product launches in China during the second quarter, including the V3 and V3 Max. It also successfully hired the popular Korean star Soon Joong Ki as its celebrity endorser. Soon Joong Ki was the male lead in a Korean drama, “Descendants of the Sun,” which was a big hit in China. Having him as an endorser helped to give a boost to its brand as well as its smartphone sales in the region.’

구글 애널리틱스 적용해 사이트를 분석하는 5가지 방법(20년 업데이트)

1. 왜 구글 애널리틱스(Google Analytics)인가?

구글에서 제공하는 다양한 웹 관련 프로그램 중 필수로 사용해야하는 프로그램이 하나 꼽으라고한다면 구글 애널리틱스가 첫손에 꼽힐 것입니다.

사이트를 분석하는 무료 프로그램중 이보다도 더 뛰어난 프로그램은 없다고 다들 인정합니다.

네이버에서도 이와 비슷한 컨셉으로 네이버 애널리틱스를 내놓았지만 구글에 비하면 많이 모자랍니다.

네이버가 좋은 점은 한국 포탈별로 유일량을 알려줍니다. 구글에서도 예전에는 알려줬는데 어느 순간 관련 내용은 빠졌더군요.

참고로 구글 애널리틱스는 블로그의 소스코드를 편집, 수정할 수 있는 설치형 블로그나 사이트에서 사용할 수 있습니다.

네이버 블로그나 다음블로그에서는 사용 불가합니다. 단 준설치형 블로그인 티스토리는 가능합니다.

2. 구글 애널리틱스(Google Analytics) 가입하기

구글과 구글 애널리틱스는 다르므로 구글에 가입되어 있더라도 구글 애널리리틱스에는 별도로 가입해야 합니다.

구글 애널리틱스 (Google Analytics) 사이트인 http://www.google.com/analytics/ 로 이동해서 오른쪽 상단에 있는 계정 만들기를 누르면 구글 애널리틱스 계정에 가입화면으로 이동할 수 있습니다.

이동후 간단하게 구글 ID에 비밀번호 설정만하면 구글 애날리틱스 계정이 만들어 집니다.

계정이 만들어졌다고 다 끝난 것은 아니고 구글 애널리틱스에게 구체적인 정보를 주는 가입 절차가 남아 있습니다.

구글 애널리틱스 화면

▽ 구글 애널리틱스 계정이 만들어지면 3단계로 사이트 트래픽을 분석하기 시작하나다고 하면서 구글 애널리틱스를 시작하기 위해 가입화면으로 이동해야 합니다.

구글 애널리틱스 가입하기01

▽ 구글 애널리틱스 계정에서 서비는 가입하기 화면입니다.
요청하는 몇가지 정보를 입력하면 가입하기는 끝납니다.

구글 애널리틱스 가입하기02
  • 계정 이름 : 다른 사이트와 구분할 수 있는 이름을 넣으면 됩니다.
  • 웹사이트 이름 : 현재 운영중인 사이트의 이름을 넣습니다.
  • 웹사이트 URL : 현재 운영중인 사이트의 URL을 넣습니다.
  • 업종 카테고리 및 보고서 시간대 : 운영중인 사이트에서 다루는 주제에 맞는 카테고리를 선택하고, 보고서 시간대는 대한민국을 선택하면 됩니다.

이러면 구글 애널리틱스 계정가입이 끝난 것입니다. 너무 쉽죠.

3. 구글 애널리틱스(Google Analytics) 추적코드 얻기

앞 가입하기까지는 너무 쉬웠지만 지금부터는 조금 어려워집니다.

구글 애널리틱스를 작동하려면 구글 애널리틱스가 사용자의 사이트나 블로그에 와서 어떻게 작동하는지를 모니터링해야 합니다. 지금부터 해야하는 것은

  • 구글 애널리틱스가 블로그를 모니터링할 수 있는 추적코드를 얻는 것이고
  • 이 추적코드를 운영하는 사이트의 블로그에 심는 것입니다.

위 두작업이 완료되고 나서 일정시간이 지난 다음부터 구글 애널리틱스 분석 데이타를 받아보실 수 있습니다.

구글 애널리틱스 추적코드는 계정 하위의 속성 정보 중 .JS 추정정보 아래 추적코드에서 알수 있습니다.

구글 애널리틱스 추적 ID 확인

.JS 추정정보 아래 추적코드를 눌러보면 아래와 같이 추적 ID, 추적코드를 찾을 수 있습니다.

아래에 나오는 추적코드를 적절한 위치에 넣어주면 됩니다.

구글 어낼리틱스 추적ID 및 추적코드 범용 사이트 태그(gtag.js) crop

저의 경우 추적코드를 확인하니 아래와 같네요. 단지 참조만 하시길..

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

  gtag('config', 'UA-########-1');
</script>

Code language: PHP (php)

4. 구글 애널리틱스(Google Analytics) 추적코드 적용하기

위 소스코드가 바로 구글 아널리틱스가 사이트의 상태를 모니터링 할 수 있는 추적 코드입니다.

회원마다 등록번호가 다르기 때문에 반드시 서비스에 가입할 때 주어지는 추적코드를 자신의 블로그에 넣어야 합니다.

위 소스코드는 블로그 스킨 HTML의 와 사이에 넣으면 됩니다.
추적코드를 삽입한 후부터 블로그 방문 통계 보고서가 작성됩니다. 하지만 추적코드를 반드시 와 사이에 넣을 필요는 없습니다. HTML의 마지막에 넣음으로써 속도 향상을 기대할 수도 있습니다.

4.1. 워드프레스 플러그인 활용

워드프레스의 장점이자 단점(?) 모든 기능은 플러그인으로 구현 가능하고 구현되어 있다는 점 입니다.

소스 수정을 할만큼 경험이 부족하거나, 테마가 소스 수정이 어렵게 만들어 놓았거나 또는 테마를 자주 바꾼다면 마음 편히 괜찮은 플러그인 하난 설치해 사용하는 것도 좋은 대안입니다.

이 구글 애널리틱스 적용해주는 플러그인들이 많이 있습니다. 자신의 취향에 맞추어 사용하면 됩니다.

여기에는 크게 두가지 타입이 있습니다.

첫째는 단순히 구글 추적코드만 심어주는 플러그인이구요

둘째는 구글 추적코드를 심고 구글에서 분석한 내용을 받아와서 통계를 사이트에서 보여주는 플러그인입니다.

첫째에 해당하는 게 header나 footer에 추적코드를 심어주는 것으로, 상대적으로 가볍다는 장점이 있지만 확인을 하려면 구글 애널리틱스를 방문해야 한다는 것은 단점이라 할 수 있겠습니다.

  • Insert Headers and Footers(10만 활성 설치자)와 같이 header와 footer에 코드를 삽입할 수 있는 플로그인,
  • Google 웹 로그 분석(10만 활성 설치자)같이 구글 애널리틱스 코드만 삽입을 도와주는 플러그인이 있습니다.
구글 애널리틱스 적용_플러그인 사용첫째-01

둘째에 해당하는 게 구글 애널리틱스 API를 사용해서 구글 애널리틱스 분석 내용 중 중요 내용을 바로 사이트내에서 확인할 수 있는 대시보드 기능을 제공하고 있습니다.

  • Google Analytics by MonsterInsights(110만이상 활성 설치자)
    이는 예전에는 ‘Google Analytics by Yoast’로 알려진 것인데 이젠 이름이 바뀌었습니다.

    무료버젼과 유료버젼이 있는데 유료버젼은 보고서의 포맷을 유연하게 설정할 수 있고 24시간 지원을 받을 수 있다고 합니다.
  • Google Analyticator(40만 활성 설치자)
  • Google Analytics Dashboard for WP (80만 활성 설치자)
구글 애널리틱스 적용_플러그인 사용둘째01-vert-02

4.2. 워드프레스 테마 소스 파일에 직접 적용

앞에서 설명한 플러그인을 적용하는 경우 조금은 더 속도 저하를 가져올 수 있으므로 이게 싫은 경우는 직접 소스를 입력하는 방법이 있습니다.

구글 추적코드를 테마의 다음 부분에 추가해 사용할 수 있습니다.

  • 테마 헤더에, 사이에 넣거나
  • 테마 풋터에, 사이에 넣을 수 있습니다. Footer에 넣으면 header가 실행되고 맨 나중에 footer가 실행되므로 구글 애널리틱스를 후순위에 작동시켜 사이트가 빨라지는 듯한 효과를 사용자에게 줄 수 있습니다.

4.3. 테마 옵션(Theme Options) 이용

테마 중에 일부는 구글 애널리틱스 추적코드를 추가할 수 있는 옵션을 제공하는 경우가 있습니다.

이 경우는 테마 옵션에서 구글 애널리틱스를 추가하면 됩니다만 옵션으로 제공하는 경우는 유료테마에서 많고 무료 테마에서는 흔치는 않습니다.

아무래도 유료테마는 사용자의 편리성 부분에서 많은 옵션을 주는데 이 구글 애널리틱스 적용도 그 중의 하나입니다.

테마 옵션부분에서 구글 애널리틱스 추적코드를 넣어주면 됩니다..

4.4. php 함수 활용하기

구글 애널리틱스에서도 제안하는 방법중하나인데요. php 함수를 사용해서 적용할 수 있습니다.

이는 워드프레스에서 제공하는 wp_head나 wp_footer함수를 이용하는 것인데요.

구글 애널리틱스 추적 코드를 직접 소스에 넣는 방법에서 소개한 것처럼 여기에도 헤더에 넣으려면 wp_head 함수를 사용하고, 푸터에 넣으려면 wp_footer함수를 사용하면 됩니다.

먼저 헤더에 넣는 다면 아래와 같은 코드를 워드프레스 테마 함수 파일(functions.php)에 삽입합니다.

add_action('wp_head', 'add_googleanalytics');
function add_googleanalytics() { ?>
<script>
// 코드
</script>
<?php
}Code language: PHP (php)

만약에 푸터에 넣는다면 이 코드를 사용합니다. 저는 아무래도 속도측면에서 유리한 wp_footer를 사용했습니다.

add_action('wp_footer', 'add_googleanalytics');
function add_googleanalytics() { ?>
<script>
// 코드
</script>
<?php
}Code language: PHP (php)

그렇지만 구글 애널리틱스 추적 코드 삽입 위치는 가장 정확한 측정을 위해서 헤더에 삽입하는 것이 추천됩니다. 구글은 비동기 로딩되기 때문 속도에 큰 영향이 없다고 주장하고 있습니다.

4.5. 자바스크립트 함수 활용하기

아래 내용은 How to Add Google Analytics Tracking Code to Your WordPress Site Without a Plugin를 참조하였습니다.
이 또한 알려주신 사이트의 내용을 정리했습니다.

먼저 테마가 있는 폴더에 js 확장자를 가진 새로운 파일을 만듭니다. 위에서 언급한 소개자는 analyticstracking.js라는 파일을 만들었습니다.

새로운 파일명을 만드는것도다 보다 안전한 접근을 위해 analyticstracking.js을 사용하기로 합니다. 어떤 이름을 붙이든 확장자만 .js이면 된다고 합니다. 서버에서 이 파일이 자바스크립트파일임을 알수 있도록)

두번째로 파일에 구글 애널리틱스에서 받은 코드를 복사해 넣습니다. 복사 시 script와 /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', '##########', 'auto');
ga('send', 'pageview');Code language: PHP (php)

세번째로 이를 저장합니다.

네번째로 이 새로운 자바스크립트파일을 등록하고 불러들여야 하지요.(Register and enqueue)

다섯번째로 functions.php 파일을 수정합니다.

<?php
// Function to add analyticstracking.js to the site
function add_google_analytics() {
// Register analyticstracking.js file (Google Analytics)
wp_register_script(
'google-analytics', // handle name referred to in the "wp_enqueue_script" call below
get_stylesheet_directory_uri() . '/analyticstracking.js', // location of your file
false, // no dependencies
'1.0', // version number
true // if true, the script is placed before the  end tag
);
// Enqueue the registered script file
wp_enqueue_script('google-analytics');
}
add_action('wp_enqueue_scripts', 'add_google_analytics');
?>Code language: PHP (php)

위의 5가지 방법 중 하나로 구글 애널리틱스를 적용하면 일정 시간이 지나면 (몇분후에 결과가 나타날 수 도 있고 몇시간후에 나타날 수도 있고 조금 다양한 것 같습니다.) 아래처럼 구글 애널리틱스 대쉬보드에서 분석 현황을 볼 수 있습니다.

구글 애널리틱스 적용_플러그인 사용구글 애널리틱스 대시보드 화면-01

5. 마치며

위에서 나열한 것처럼 다양한 방법으로 구글 애널리틱스를 적용할 수 있습니다.

편리함을 추구한다면 플러그인 그중에서 API를 활용해 통계까지 사이트에서 볼 수 있는 방법이 가장 좋을 것입니다.

단 이 방법은 조금 사이트에 무리를 주므로 (아무래도 기능이 많아지면 무거워지기 마련입니다.) 가장 무리를 주지 않고 쉽개 할 수 있는 방안으로는 3.4 테마옵션에서 코드를 삽하는 방안 > 코드만 삽입 할 수 있는 플러그인 적용 > 직접 코드 삽입순으로 사용 경쟁력이 있지 않을까 합니다.

6. 추가

구글 애널리틱스 적용 시 속도 저하를 해결하기 위한 방법으로는 아래 글을 참조하면 좋을 것 같습니다.