구글 애드센스 광고는 하나의 사이트에 여러 게시자(애드센스 계정)가 자신의 광고를 게시할 수 있습니다. 커뮤니티 사이트에서 게시글 작성자의 글에 작성자의 광고가 출력되는 것. 워드프레스 사이트에서 포스트 작성자(Author)의 포스트에 작성자의 애드센스 광고가 출력되는 것과 같습니다.
여러 애드센스 게시자의 광고를 하나의 사이트 또는 포스트에 게시할 수 있는 정책이 있고, 여러 사람이 포스팅할 수 있는 시스템이 있으며, 여러 사람이 자신의 광고 코드를 각각 등록할 수 있는 화면을 쉽게 구성할 수 있는 CMS로 워드프레스만 한 것이 없습니다.
그러나, 애드센스의 정책을 준수하여 올바른 광고 게시를 위해서는 시스템보다 게시자(Author)의 꼼꼼함이 우선돼야 합니다. 애드센스 광고 코드는 쉽게 얻을 수 있으며, 코드 삽입이 간단합니다. 그러나 여러 광고 유형이 있고, 게시하려는 사이트의 특성이 있으므로 사이트 운영자가 기준을 설정하여 게시하도록 정해야 합니다. 그렇지 않으면 광고 게재와 관련한 빈번한 오류와 번거로움으로 손해가 더 큰 경우가 생깁니다.
글에서는 광고 게재 기준을 정하여 아주 간단하게 필터를 사용하여 싱글 포스트 페이지의 콘텐츠 위와 아래에 글 작성자의 광고를 출력하는 방법을 알아봅니다. 다음 그림은 글에서 게재하는 광고 위치와 간단한 설명입니다.
위의 그림에 있지만, 글에서는 인피드 광고 중 측면 이미지 유형을 게재합니다. 하나의 광고 코드를 반복해서 사용할 수 있으므로 하나의 입력 필드만 구성하면 되고, 화면 크기에 반응하여 어우러지는 광고이므로 여러모로 편리합니다. 광고 코드 정보 입력 화면을 먼저 구성합니다.
애드센스 광고 코드 등록
구글 애드센스 인피드 광고 중 측면 이미지 유형의 광고 코드는 보통 다음과 같습니다.
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:block"
data-ad-format="fluid"
data-ad-layout="image-side"
data-ad-layout-key="-fd+3i+5b-it+jd"
data-ad-client="ca-pub-12345678911121314"
data-ad-slot="9876543214789"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>쉽게 생각할 수 있는 것으로, 위의 정보 중 data-ad-layout-key, data-ad-client, data-ad-slot 속성값을 입력할 수 있는 필드를 각 사용자 프로필 페이지에 만들고, 전체 코드에 해당 데이터를 조건(포스트 작성자 – Author)에 의해 추가한 후 the_content 필터 훅으로 싱글 포스트 콘텐츠 위와 아래에 광고를 출력되도록 하는 것입니다.
다음 코드는 광고 출력을 제외하고, 프로필 페이지에 3가지 정보를 입력하면, 사용자 메타데이터({prefix}_usermeta 테이블)로 저장되도록 구성한 것입니다.
<?php
/**
* 회원(글쓴이)의 구글 광고 게재를 위한 특정 프로필 페이지의 데이터 입력 폼
*/
// 로그인 사용자가 자신의 프로필 페이지를 볼 때
add_action( 'show_user_profile', 'show_extra_profile_fields' );
// 관리자(다른 사용자의 프로필 관리 권한이 있는 사용자)가 특정 사용자의 프로필 페이지를 볼 때
add_action( 'edit_user_profile', 'show_extra_profile_fields' );
function show_extra_profile_fields( $user ) {
$ads_code = get_user_meta( $user->ID, 'ads_code', true );
$ca_pub = isset( $ads_code[ 'ca_pub' ] ) ? $ads_code[ 'ca_pub' ] : '';
$infeed_slot = isset( $ads_code[ 'infeed_slot' ] ) ? $ads_code[ 'infeed_slot' ] : '';
$infeed_key = isset( $ads_code[ 'infeed_key' ] ) ? $ads_code[ 'infeed_key' ] : '';
?>
<h3>구글 애드센스 코드</h3>
<table class="form-table">
<tr>
<th><label for="ca_pub">애드센스 계정 코드</label></th>
<td>
<input id="ca_pub" name="ca_pub" class="regular-text code" value="<?php echo $ca_pub; ?>">
<p class="description"><strong>data-ad-client="ca-pub-1234567891011"</strong> 형식에서 <strong>ca-pub-</strong>를 제외한 <strong>1234567891011</strong> 숫자만 입력하세요.</p>
</td>
</tr>
<tr>
<th><label for="infeed_slot">콘텐츠 영역 인피드 광고 slot 코드</label></th>
<td>
<input id="infeed_slot" name="infeed_slot" class="regular-text code" value="<?php echo $infeed_slot; ?>">
<p class="description">콘텐츠 영역 광고는 <strong>인피드 광고 - 측면 이미지 유형</strong> 광고가 출력됩니다.</p>
<p class="description"><strong>data-ad-slot="123456789"</strong> 형식에서 <strong>123456789</strong> 숫자만 입력하세요.</p>
</td>
</tr>
<tr>
<th><label for="infeed_key">콘텐츠 영역 인피드 광고 layout-key</label></th>
<td>
<input id="infeed_key" name="infeed_key" class="regular-text code" value="<?php echo $infeed_key; ?>">
<p class="description">콘텐츠 영역 광고는 <strong>인피드 광고 - 측면 이미지 유형</strong> 광고가 출력됩니다.</p>
<p class="description"><strong>data-ad-layout-key="-aa+5b+5c-is+jd"</strong> 형식에서 <strong>-aa+5b+5c-is+jd</strong>만 입력하세요.</p>
</td>
</tr>
</table>
<?php
}위의 코드 예시처럼 핵심 정보만 입력하고, 하나의 필드에 배열 데이터로 저장하며, 입력 데이터 형식을 최대한 제어(Sanitize & Validate)하여 실제 광고가 출력되도록 하는 것이 적절하다고 생각합니다. 회원의 실수를 최대한 줄일 수도 있어 오류를 예방하는 데도 좋습니다. 다음 그림은 위의 코드를 사용할 때 프로필 페이지에 나타나는 화면입니다.
그러나, 이 글에서는 위의 코드를 사용하지 않고 더 간단하게 구성하므로 필요하다면 참고하여 더 좋은 코드로 만드세요.
입력 필드를 사용자 프로필 페이지에 만들지 않아도 됩니다. 다음 글에서 소개한 것처럼 옵션(메뉴) 페이지를 만들고 입력 폼을 구성하여 저장한 데이터를 옵션 데이터가 아닌 사용자의 메타데이터로 저장하도록 구성할 수 있습니다.
사이트 전역 데이터를 위한 워드프레스 커스텀 옵션 페이지 추가
다음 코드는 이 글에서 구성하는 전체 코드로, 혹시 따라 하는 분이나 Child Theme를 테마를 사용하지 않는 분과 템플릿 파일을 편집하지 않는 분을 위해서 간단하게 플러그인으로 처리하였습니다.
<?php
/**
* Plugin Name: 멀티 사용자 애드센스
* Description: 싱글 포스트 페이지에서 글쓴이의 구글 광고 게재. 글쓴이가 코드 정보를 등록하지 않았다면, 관리자 광고 출력
* Author: 방문자와 운영자
*/
/**
* 회원(글쓴이)의 구글 광고 게재를 위한 특정 데이터 입력 폼
*/
// 로그인 사용자가 자신의 프로필 페이지를 볼 때
add_action( 'show_user_profile', 'show_extra_profile_fields' );
// 관리자(다른 사용자의 프로필 관리 권한이 있는 사용자)가 특정 사용자의 프로필 페이지를 볼 때
add_action( 'edit_user_profile', 'show_extra_profile_fields' );
function show_extra_profile_fields( $user ) {
$content_ad = get_user_meta( $user->ID, 'content_ad', true );
?>
<h3>구글 애드센스 코드</h3>
<table class="form-table">
<tr>
<th><label for="content_ad">콘텐츠 영역 인피드 광고 코드</label></th>
<td>
<textarea id="content_ad" name="content_ad" rows="10" cols="80"><?php echo $content_ad; ?></textarea>
<p class="description">콘텐츠 영역 광고는 <strong>인피드 광고 - 측면 이미지 유형</strong> 광고를 사용합니다.</p>
<p class="description">인피드 광고는 코드 반복 사용이 가능하므로 필드에 광고 코드를 등록하면 콘텐츠 위, 아래 영역에 출력됩니다.</p>
<p class="description">같은 코드를 반복 사용하므로 반드시 인피드 광고를 사용하세요. 애드센스 정책에 어긋나지 않도록 주의하세요.</p>
<p class="description">아래 코드는 제외하고 입력하세요.</p>
<p class="description"><?php echo esc_html( '<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>' ); ?></p>
</td>
</tr>
</table>
<?php
}
/* 애드센스 데이터 저장, User meta data */
// 로그인 사용자가 자신의 프로필 페이지에 추가된 커스텀 필드 데이터를 업데이트할 때
add_action( 'personal_options_update', 'save_extra_profile_fields' );
// 관리자(다른 사용자의 프로필 관리 권한이 있는 사용자)가 특정 사용자의 프로필 페이지에 추가된 커스텀 필드 데이터를 업데이트할 때
add_action( 'edit_user_profile_update', 'save_extra_profile_fields' );
function save_extra_profile_fields( $user_id ) {
$update_content_ad = trim( esc_textarea( $_POST[ 'content_ad' ] ) );
update_user_meta( absint( $user_id ), 'content_ad', $update_content_ad );
}
/**
* 싱글 페이지 콘텐츠 위, 아래에 광고 출력
*/
add_filter( 'the_content', 'before_after_content_insert_ads' );
function before_after_content_insert_ads( $content ) {
if ( is_singular( array( 'post' ) ) ) {
// 관리자가 1명이라 가정할 때 관리자 ID (2). 실제 관리자 아이디로 변경 필요.
$admin_ad = html_entity_decode( get_user_meta( 2, 'content_ad', true ) );
$author_ad = html_entity_decode( get_user_meta( get_the_author_meta( 'ID' ), 'content_ad', true ) );
if ( $author_ad ) {
$adblock_content = $author_ad . $content . $author_ad;
} else {
$adblock_content = $admin_ad . $content . $admin_ad;
}
return $adblock_content;
} else {
return $content;
}
}
/**
* 실제 사용한다면 별도 분리하여 다른 코드와 함께 정리하여 사용
* 이미 존재한다면 아래 전부 삭제
*/
add_action( 'wp_head', 'site_head_script' );
function site_head_script() {
?>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<?php
}
중복 요청 파일 코드 adsbygoogle.js 제외하고 광고 코드 전체를 입력하여 싱글 포스트 콘텐츠 위와 아래에 광고를 출력하는데, 포스트 타입을 post에 한정하였습니다. 실제 사이트에서는 일반 회원이 포스트를 작성하는 포스트 타입을 지정하면 되고, 2개 이상이면 이어서 입력하면 됩니다.
//
is_singular( array( 'post' ) )위의 코드는 포스트 작성자가 광고 코드를 입력하지 않으면 관리자의 광고가 출력되도록 관리자 ID(2, 가정)를 그대로 입력하였는데, 위의 코드 또는 옵션 페이지 등에서 포스트 작성자 광고가 없을 때 출력할 관리자 ID 필드를 추가로 만들어 위의 코드에 반영할 수도 있습니다.
// 숫자를 실제 관리자 아이디로 변경
get_user_meta( 2, 'content_ad', true )싱글 포스트 조건과 함께 필터 훅을 사용한 것이므로 다음 코드만으로 해당 글의 작성자 ID를 얻을 수 있습니다. 가끔 혼동할 경우가 있는데, ‘로그인 회원’이 아니라 ‘포스트 작성자’입니다.
//
get_the_author_meta( 'ID' ) );PHP 함수 html_entity_decode 사용은 광고 코드의 저장 시 인코드(Encode, Escape)하여 저장하므로 출력 시 디코드(Decode)하여 소스가 그대로 노출되지 않고 실행되도록 한 것입니다. 이와 비슷한 함수로 워드프레스에서 wp_kses_decode_entities 함수가 있지만, 숫자형으로 부호화된 HTML 문자만 디코드하므로 소스가 올바르게 실행되지 않습니다.
코드에 사용한 일부 CSS description, form-table 클래스는 워드프레스에서 프로필 페이지에 사용하는, 이미 존재하는 클래스로, 소스를 보면 확인할 수 있습니다. 프로필 페이지에 존재하는 클래스를 그대로 사용하는 것이 좋습니다.
프로필 페이지
위의 코드를 보면 다음의 4가지 액션 훅을 볼 수 있습니다.
add_action( 'show_user_profile', 'show_extra_profile_fields' );
add_action( 'edit_user_profile', 'show_extra_profile_fields' );
add_action( 'personal_options_update', 'save_extra_profile_fields' );
add_action( 'edit_user_profile_update', 'save_extra_profile_fields' );프로필 페이지는 회원별 개인 설정(툴바 등), 이름 설정 섹션, 연락처(Contact) 정보 섹션, 이 글에서 사용하는 확장 정보(메타데이터) 섹션 등으로 구분되어 있습니다.
예를 들어, 연락처 정보에 트위터 계정(url) 입력 필드를 추가하거나 특정 연락처 필드를 제거하기 위해서는 다음 코드처럼 user_contactmethods 필터를 사용할 수 있습니다.
//https://codex.wordpress.org/Plugin_API/Filter_Reference/user_contactmethods#Examples
add_filter( 'user_contactmethods', 'modify_user_contact_methods' );
function modify_user_contact_methods( $user_contact ) {
// Add user contact methods
$user_contact['skype'] = __( 'Skype Username' );
$user_contact['twitter'] = __( 'Twitter Username' );
// Remove user contact methods
unset( $user_contact['aim'] );
unset( $user_contact['jabber'] );
return $user_contact;
}이 글에서는 프로필 페이지 확장 정보 섹션에 필드를 추가했는데, 이때는 사용한 훅처럼 2가지를 함께 고려합니다.
- 로그인 회원이 자신의 프로필 페이지에 접근하거나 업데이트
- 다른 사용자 정보를 관리할 권한이 있는 로그인 회원(보통 관리자,
edit_usersCapability)이 다른 사용자의 프로필 페이지에 접근하거나 업데이트
결과, 정리
실제 광고 코드로 조건에 따라 올바르게 광고가 게재되는지 확인하기 어려울 수 있으므로 간단하게 일반 문자를 입력하여 결과를 확인합니다.
관리자 프로필 페이지 광고 코드 입력란에는 ‘관리자 광고’라 입력하고 저장. 임시 사용자를 만든 후 로그인하여 프로필 페이지 광고 코드 입력 필드에 ‘작성자 광고’라 입력하고, 임시의 포스트 하나를 작성(Draft 저장)하여 미리 보기 후 포스트 콘텐츠 영역 위와 아래 출력되는 텍스트를 확인하면 됩니다.
관리자와 임시 사용자의 광고 코드 둘 다 있다면, 임시 사용자가 작성한 임시 포스트 콘텐츠 영역 위와 아래에는 ‘작성자 광고’가 표시되어야 하며, 임시 사용자의 광고 코드가 없다면 ‘관리자 광고’가 표시되면 됩니다.
‘필진’이라고도 부르는 글 작성자에게 원고료 대신에 광고 수익을 가져다줄 워드프레스 사이트를 만들어 운영하는 것도 좋습니다. 다만, 광고 코드 등록 가능 그룹(Role)을 별도로 지정하여 신뢰할 수 있는 필진에게만 제공하는 것이 필요할 것입니다.
안녕하세요~^^
작성하신 포스트 관련하여 궁금한 점이 있는데요 질문좀 드려도 될까요?
사실 작성하신 포스트에 관련하여 수 달째 정보를 찾고있었고 > 오늘,, 커스텀 필드를 이용해 작성자가 글 작성시 애드센스 코드 삽입하는 방법도 가능하리라는 답을 누군가 주셔서(페이스북 wp 사용자모임) 커스텀 필드를 이용한 애드센스 삽입 방법을 검색하던중 작성하신 포스트를 발견하게 되었습니다.
전 현재 43Gear.com이란 사이트 운영을 시작하였으며 > 43Gear는 축제를 열고 축제를 통해 생산된 콘텐츠로 제품을 생산해 판매하는, 한마디로 축제가 중심이 되는 커뮤니티 사이트입니다.
지난 9월 1일부터 첫번째 축제를 진행하였지만 현재까진 활동회원이 있는것도 아니고 저 혼자서 침여하게 되었네요^^
사이트 성격이 이렇다보니 회원들의 수익창출활동을 적극 도모하며, 장려하는 것이 목표입니다…
어떻게 꿈을 펼칠수 있을까.. 고민하다가 워드프레스를 알게되어 공부하며 현재까지 이르르게 되었는데요, 워드프레스를 선택하게 된 배경(XP도 테마까지 여러차례 구입하여 공부를 해 보았어요)은,, 바로 아티클(블로그) 개념이 있었기 때문이예요~
따라서 제가 운영을 시작한 43Gear는 크게 아티클 영역, 포럼 영역, 그룹 영역으로 나뉘어져 있으며 역시 버디프레스의 역활이지요^^
제가 작성하신 포스트 및 정보를 찾고 있었던 까닭은, 저도 구글을 통해서 다중 애드센스 계정이 하나의 사이트에서 사용되어도 문제는 없다란 답변을 받았는데요,, 문제는 어떻게 구현을 하는가 였답니다…
네이버 블로그나 티스토리 블로그와 같이 개별 사이트화 되어있진 않을 지라도 회원가입시 자신의 페이지(및 프로필) 주소가 생성되며 각각의 회원들이 아티클(블로그)을 작성하여 사이트 첫 화면을 채워 나갈수 있는만큼,, 각각의 회원들이 자신의 고유 애드센스 코드를 통한 광고 구현 및 수익창출활동을 하게 하고 싶었거든요…
그래서 궁금해서요… 혹 저의 댓글을 통해서 제가 무엇을 꿈꾸는지 이해를 하실수 있으실지 모르겠으나 작금에 작성하신 이 포스트 내용처럼 테마를 수정하면,, 각각의 회원들이 블로그(아티클) 작성시 각 회원들의 애드센스 코드가 자동으로 삽입될 수 있는 것인가 궁금합니다. 왜냐하면 회원이 어렵게 작성한 블로그(아티클)은 회원의 것이며 회원도 자신이 작성한 글을 통해서 수익창출활동이 가능해야 한다고 전 생각합니다…
전 늘 조심스러워 소스 및 코드를 건드리지 읺고 건드릴 실력도 되지 않지만,, 위에 작성하신 포스트 내용이 제가 꿈꾸는 것에 부합된다면 또다시 공부를 해서라도 꼭 구현을 할 수 있으면 좋겠습니다…
답변 부탁드려도 될까요~~~^^
답변 기다려 봅니다~~~^^
잼 드림
안녕하세요.
‘축제’의 개념에 관하여 ‘실체’가 무엇인지 이해하기 조금 어렵지만, 어쨌든 충영님께서 궁금해하시는 ‘글 작성자(회원)별 광고 코드 자동 삽입’은 당연히 가능한 것입니다. 이것은 광고나 아이템 등등의 개념이 아니라 그냥 ‘프로그램 코드’입니다. 그것을 워드프레스의 흐름에 맞추는 것뿐입니다.
이 포스트의 내용만으로 사이트 운영에 발생할 수 있는 조건에 모두 적용할 수는 없을 것이며, 기준과 운영 흐름에 따라 변경하거나 추가해야 할 부분이 있을 거라 생각합니다.
사이트 하나에 글 작성자(콘텐츠 제공자)의 광고 코드(보통 애드센스)를 추가하여 콘텐츠 제공자에게 충실한, 양질의 그리고 지속한 콘텐츠 제공의 명분과 의지를 주는 것은 언제부터인가 쉽게 생각할 수 있는 회원제 콘텐츠 제공 사이트 운영의 방법입니다. 덧붙여, 보통 커뮤니티라고 하는 게시판 형태의 글이 콘텐츠가 되는 사이트는 제외하고요.
다만, 시스템 제공 문제가 아니라 운영 사이트 트래픽이 선행되어야 미래의 콘텐츠 제공자의 관심을 유도할 수 있을 터인데, 처음 시작할 때는 그럴 수 없겠죠. 결국, 지속해서 양질의 콘텐츠를 늘려가는 방법 밖에 없을 것입니다.
워드프레스에서 기능을 추가하거나 테스트할 때 너무 두려워하거나 주의하시지 말고, 과감하게 처리하세요. 걱정된다면 백업을 한 후 진행하거나 로컬 PC에서 간단한 환경을 구성하여 확인한 후 실 환경에 적용해보세요.
고맙습니다.
운영자님~^^ 답변 너무 감사합니다~^^
알겠습니다. 저의 궁금점과 질문에 관하여 해결해 주셔서 감사해요~^^
그렇게 해봐야겠네요^^ 로컬PC에 사이트를 따로 설치해서 진행을 해봐야겠습니다^^
다시한번 감사드려요^^
평안한밤 되세요~^^
정충영 드림
Jinn님 안녕하세요^^ 일전에 애드센스 코드 삽입에 관하여 댓글을 남겼었어요^^
제가 궁금한것도 있고, 또 아래와 같은 도움을 받을수 있을까 싶어서 다시금 질문 쫌 남겨봅니다^^
우선,, 현재까지 제가 위 작성하신 글과, 또 Jinn님의 블로그를 통해 소개하신 글들을 수십번 정독을 하고 있는데요, 제가 코딩이나 컴퓨터 전문가가 아닌, 단순히 꿈을 위해 워드프레스를 공부해 홈페이지를 오픈한 상태여서 그런지 이해 뿐 아니라 엄두가 잘 나지 않네요^^
위에 소개해 주신것 그대로~ 복사해서 플러그인을 만들어 보았고 작동을 하는 것은 확인하였습니다.
확인했다는 뜻은, 애드센스 코드를 삽입해 보았거나 한 것은 아니며 회원 프로필에 정상적으로 출력되는 것을 확인하였습니다. 다만, 제가 사용하고 있는 테마와 조금의 충돌이 있는것 같기는 합니다.
제가~ 또다시 이처럼 귀찮게 해 드리는 이유는^^ 혹시 제게 추천해 주실만한 책이 있을까 해서입니다~^^ 직접 쓰신 책들도 꼼꼼히 살펴보았눈데요~^^ 저는 현재~^^
(1) 제 사이트가 버디프레스 테마입니다. 가능하다면 버디프레스의 회원 프로필 공간에 애드센스 코드를 삽입할 수 있게 완성하고 싶은데, 목차를 보니 버디프레스를 공부할 수 있을지 잘 몰라서요^^
(2) 지금까지는,, 필요한 부분을 수정하며,, 아주아주 간단한 부분을 적용해보고 그런후에 이해해 나가는 편이었습니다. 그런데 해야할 공부가 많아진 관계로 또 알고자 하는 정보를 찾기가 매우 어려운 상태입니다.
그래서… 이처럼 추천해 주실만한 책이 있을까? 여쭤보고자 글 남깁니다…
제가,, 신례가 안된다면,, 다음과 같은 한가지 질문을 더 드려보고 싶은데요,,
혹시,, 제가 직접 할 수 없는 것이라면 혹시 이 부분을 소개해 주신 “Jinn”님 께서도 작업을 대행해 주시는지도 궁금합니다. 지금 당장은 제가 작업 의뢰를 할 수 있는 형편은 아닙니다. 하지만 준비를 해서 의뢰를 할 순 있습니다. 정 제가 할 수 없는 작업이라고 공부를 해 본 후 결정을 내려야 한다면요^^
마지막으로 의문점에 관하여 한가지 질문이 있는데요^^
만약, 회원 프로필에 애드센스 코드를 삽입할 수 있게 한다면,, 누군가 그 애드센스 코드 삽입란에 의도적으로 악성코드를 삽입할 수도 있는 것인지? 조금 의문이 생겼습니다. 혹시 이 부분에 관해서도 답변 부탁드릴수 있을런지요?
자꾸만 귀찮게 해 드려서 죄송합니다^^
해 주실수 있으실때에 답변 부탁드리고 갑니다^^
평안하소서^^
정충영
ps: 축제의 실체에 관해서는 지금으로썬 뭐라 정확하게 설명을 드릴수가 없습니다.
이유는, 제가 운영을 시작한 사이트는 분명히 축제를 개최하고 축제를 통해서 제품을 생산하고 수익을 만들어 내려합니다. 이게 제가 운영하는 사이트의 푯대입니다.
한편으로 제가 운영하는 사이트에서 축제란 개념은 ‘=’ 수익창출활동을 통해서 1인 기업가, 1인 창업가가 되자는 표어도 됩니다.
사이트 전체가 수익창출활동을 목표로 하고 있습니다. 그래서 설명이 어렵고, 이제 겨우 제1회 축제가 열렸눈데, 물론 저 혼자 참가를 했어요^^ 갈 길이 멀어요^^ 앞으로 2회, 3회 축제가 열리고 나면,, 아 이런거구나,, 알 수 있으리라 생각합니다.
안녕하세요. 수고 많으십니다.^^
우선, 회원 프로필에 정상적으로 출력이 되는데 사용하는 테마와 어떤 부분이 충돌하는지요? 충돌할 가능성이 희박할텐데….
1. 책 추천 관련
문의하신 내용에 꼭 맞는 책은 없다고 말해도 될 거 같습니다. 애드센스(꼭 애드센스가 아니라도) 코드를 추가할 필드를 만들고 코드를 추가하며, 추가한 코드를 통해 사이트에 광고를 출력되는 것은 ‘애드센스를 위한 프로그래밍’이 아니라 ‘워드프레스의 커스텀 필드와 출력’에 관한 문제입니다.
또, 광고 등을 출력하기 위한 코드를 작성하는 것과 어떤 파일에 작성할 것인가도 약간의 PHP 또는 자바스크립트에 워드프레스 함수를 더한 것, 그리고 워드프레스 테마 파일과 관련한 것이기에 특정 기능을 위한 도서는 있을 수 없는 게 맞는다고 생각합니다.
따라서, 워드프레스 (커스텀) 필드 – 옵션 필드, 포스트 메타 데이터 필드, 회원 메타 필드, 코멘트 메타 필드, term 메타 필드 – 관련한 내용을 학습하는 것이 필요합니다.
앞에서 나열한 모든 내용의 기본 접근 방향은 워드프레스를 자주, 많이 사용하는 것이라 생각합니다. 배경지식이 부족한 상태에서 열정만으로 목적을 달성하는 방식은 많은 시간을 요하며, 더 많은 시행착오를 거쳐야 합니다. 물론, 그런 과정은 당연한 것이기도 합니다.
2. 작업 의뢰
안타깝지만, 현재는 비용을 받고 특정 작업을 진행하지는 않습니다. 원하는 내용과 비슷한 정보를 찾았다면 직접 적용해보고 그 결과에 관한 질문을 통해 단계적으로 문제를 해결하는 것이 좋겠습니다.
3. 버디프레스
지금은 시간 여유가 없어 다시 확인하지 못했다는 것을 기준으로 적습니다.
버디프레스는 사이트 프런트에서 회원 정보를 수정 및 열람할 수 있는 것으로 기억하며, ‘관리자가 회원 정보 필드에 특정 데이터 필드를 추가’할 수 있는 것으로 기억합니다. 관련한 특정 플러그인을 설치했을 때 가능한 것이었는지 확실히 모르겠네요. (또, 버디프레스가 아니라 비비프레스인지 가물가물합니다.^^)
어쨌든 특정 필드를 추가할 때 그 필드를 애드센스 코드 필드로 사용하여, 회원이 자신의 코드를 등록하면 회원의 광고가 출력되도록 사이트 운영자가 워드프레스 테마 파일에 코드를 작성해놓으면, 글에서 안내한 회원 프로필 페이지나 옵션 페이지에 애드센스 코드 입력 추가 필드 작업은 따로 작업하지 않아도 되리라 생각합니다.
결국은 ‘특정 필드 데이터를 사이트에 출력하는 것’과 같은 방식이므로 1번에서 말한 ‘워드프레스 필드와 출력’에 관한 학습이 필요합니다.
4. 보안 관련
이 사이트의 포스트 댓글을 충영님께서 작성하는데, 충영님을 신뢰하지 못하므로 제가 보안을 염려하여 댓글 입력 필드에 어떤 특정 작업한 것이 없습니다. 그냥 워드프레스 댓글 시스템을 믿는 것이죠. 믿는다는 것은 워드프레스가 이미 댓글 폼에 입력한 방문자의 데이터를 적절하게 필터하고 있음을 알고 있다는 뜻입니다.
그런데, 워드프레스가 기본으로 제공한 입력 필드가 아니라 애드센스 코드 등을 위한 특정 필드를 직접 만든다면 몇 가지 추가 학습이 필요합니다. 아래 글을 보면 ‘esc_textarea’, ‘wp_filter_nohtml_kses’ 등의 함수를 볼 수 있고, 이 글에서도 esc_html’ 함수를 볼 수 있습니다.
그 외에도 ‘sanitize_text_field’, ‘esc_attr’, ‘esc_url’ 등 사용자의 데이터를 검증하고 데이터베이스에 저장할 때 부호화(escape)하여 저장하는, 소위 ‘보안’ 관련 함수들이 많이 있습니다. 워드프레스에서 이런 내용은 다음 제목의 문서를 기본으로 참고해야 합니다.
위의 내용을 학습해도 보안의 끝은 없습니다. 늘 관심을 두어야 하지만, 현실적으로 전문 팀이나 조직이 없는 개인에겐 한계가 있습니다.
지나친 염려보다는 ‘가능한한 워드프레스 기본 기능을 최대한 활용하는 것’을 시작으로, 직접 입력 필드를 구성할 때는 위의 참고 문서의 예시에서 도움을 얻는 것이 좋겠습니다.
5. 참고 (플러그인)
이 포스트의 글은 플러그인을 사용하지 않는 방법을 안내했지만, 워드프레스에서 플러그인을 제외하고 무조건 직접 코드 작업으로 모든 기능을 구현하는 것은 아주 비효율적인 방법입니다.
워드프레스에서 ‘플러그인’은 플러그인 저장소나 유료 플러그인 상점의 소위 ‘설치형 플러그인’만을 말하는 것이 아닙니다. 넣고 빼는 기능, 덮어쓰는(Pluggable) 모든 기능을 말합니다.
Pluggable Functions
요지는, 특정 필드를 만들 때 배경지식이 상대적으로 부족하거나 또는 조금 더 효율적인 방법이 플러그인이라면 ‘플러그인’을 사용하는 것이 더 좋다는 말을 전합니다.
예를 들어 한 가지만 추천하는데, 특정 데이터를 입력하는 필드를 추가하고 싶다면 다음 플러그인을 사용할 수 있습니다.
Advanced Custom Fields
필드 추가뿐 아니라 사이트에 출력할 때도 플러그인 자체의 함수를 제공하지만, 출력할 때는 워드프레스 함수를 사용하는 것이 조금 더 유리한 경우가 많습니다.
이 플러그인은 제 경험상 워드프레스 커스텀 필드에 관련한 플러그인 중 절대적 위치에 있다고 생각하는데, 유료와 무료가 있으며 유료는 조금 더 많은 기능을 제공하지만, 무료에 원하는 기능이 없다면 유료라도 구입하여 사용하면 비용을 능가할만큼의 시간적 효율을 줍니다. 물론 상대적이며 때에 따라 아닐 수도 있습니다. (다른 유사한 플러그인도 있으므로 검색하여 설치하고 경험해보는 것이 좋습니다.)
이 플러그인으로 애드센스 코드 입력 필드를 어디에 어떤 조건일 때 출력할 것인지를 설정하고, 필드 성격을 지정하여 생성해보세요. 그다음 출력에 관한 문제를 고민해보시고, 모르겠다면 질문을 하세요.
보안이 염려되고, 구성에 어려움이 있다면 이미 존재하는 플러그인을 먼저 생각하는 것이 좋습니다. 플러그인 사용한다고 사이트 성능이 무조건 나빠지거나 문제가 발생하는 것은 아닙니다. 플러그인 제작자의 역량과 노력이 부족할 때 플러그인이 사이트의 성능 저하를 유발하는 것이지 플러그인 사용 자체가 문제가 있는 것은 아닙니다.
제 생각을 잠깐 남기면서 마치면, 자신의 사이트가 보통 사람은 가늠할 수 없는 트래픽과 비젼을 목표로 둔다고 해서 플러그인을 사용하지 않고 직접 코드를 작성할 필요는 없습니다. 괜한 가식과 허영에 불과한 것이라 생각합니다. 목적을 위해 효율적인 소프트웨어를 사용하는 것이지 아름다운 코드를 위해 시간을 버리지 않는 게 좋겠습니다.
직접 구성하지 말고, 플러그인 사용을 검토해보세요.
안녕하세요^^ 정충영이라고 합니다^^
또 이렇게… 방문을 하였습니다… 평안하신지요…??
다름이 아니구요, 공개해 주신 플러그인에 관하여 좀 궁금한 것이 있어서 또 글을 남겨봅니다. 아래 링크는 현재 멀티사용자애드센스 플러그인을 활성화 했을때 나타나는 문제점을 이미지 파일로 만든 것인데 한번 확인해봐 주실수 있으실까요?
“https://prnt.sc/i7zojr”
혹시 제가 사용하는 테마가,, 비쥬얼 컴포져 및 그리드 등… 많은 플러그인과 자체 코어(Core)를 수반하는 테마여서 충돌이 발생하나 싶었고,, 그래서 워드프레스를 처음 공부하면 구입했던 테마부터,, 위 이미지에 사용된 ‘Twenty Fifteen’ 테마에 이르기까지,, 여러 테마를 테스트 해 보았는데요,,,
보시는 바와같은 문제가 발생하는 부분이란 “단순히 홈 화면에서 내용이 출력되지 않고 제목만 출력되는 문제점 입니다. 그 밖의 문제는 발생하지 않았습니다. 예를들면, 본문으로 이동했을시 구글애드센스 광고 등은 정상적으로 작동을 하였습니다.
제가 혹시,,,
‘멀티 사용자 애드센스 플러그인’을 활성화 할 시, 이처럼 내용(또는 간략 내용)이 홈 화면에 출력되지 않는 문제점에 관하여 “조언”을 구할 수 있을까 하여 다시금 문의를 드려봅니다.
혹시,,,
어떤 부분이 필요한지? 또는 어떤 부분을 공부하여 추가해야 하는지? 등에 관한 조언을 해 주실수 있으실까요?
만약 이 문제가 해결이 되면,, 전 그저 운영자님께서 공개해 주신 플러그인을 활용하려 해서요.
아무래도, 시스템 전반에 걸쳐서 코드를 공부하고 또는 응용하고 적용하는 문제는 당장에 해결할 수 있는 문제가 아닌것 같아서 가능하면, 또 할 수 있으면 이 문제를 해결해서 사용을 하고 싶은 마음에 문의 드려봅니다.
평안하소서…
정충영 드림
반갑습니다.
어떤 파일에 어떻게 추가했는지 애드센스 출력을 위해 추가한 코드를 올려주시면 가늠할 수 있을 것 같습니다. 캡쳐 이미지만으로 원인을 짐작하기 어렵습니다.
안녕하신지요. 평안하신지요…
답변 너무 감사합니다.
제가 해본 부분은,, 위 작성하여 공개해 주신 내용중 플러그인을 만들어 활용하는 부분,,
즉 이 이미지(https://prnt.sc/i8i8ld) 처럼 플러그인을 만들어서 활성하 하였고, 프로필 페이지에 나타난 애드센스 코드 삽입부분에 아래와 같은 제 애드센스 코드를 삽입해 보았습니다.
(adsbygoogle = window.adsbygoogle || []).push({});
또한,, 혹시나 하는 마음에…
위 이미지(https://prnt.sc/i8i8ld) 중 노란색 표시가 된 부분, 즉 각각의 프로필 페이지에 나타나는 애드센스 코드 삽입 부분을 빈칸으로 남겨둔 채, 단순히 플러그인 활성화만 도 해 보았는데, 포스트의 제목만 보이고 내용은 나타나지 않는 증상은 동일했습니다.
그래서 제 생각엔 공개해 주신 플러그인이 워드프레스 테마와 어떤 부분에서 충돌이나 마찰이 발생하고 있는것이 아닌가… 조심스럽게 생각을 해보게 되었습니다…
이 부분만 해결이 되면, 전 공개해주신 플러그인을 활용하고 싶어서요…
답변 주신것 너무 감사합니다.
제가 할 수 있는한 설명을 잘 해보려고 했는데, 어떠한 문제인지 가늠하시는데 도움이 될지 어떨지 모르겠네요^^
다시금 답변 부탁들려 봅니다.
감사합니다.
정충영 드림.
홈페이지(is_home)에서 내용이 나오지 않는 부분에 관하여 코드를 추가하였습니다. 포스트 작성 시 확인을 못했네요. 다시 사용하세요. 그러나 싱글 포스트 페이지에서는 광고 출력이 제대로 됩니다.
혹시 관리자 아이디(user_id)를 올바르게 변경하셨는지요? 위의 포스트 코드에서는 ‘2’이지만, 예를 든 것입니다. 실제 사용한다면 운용하는 사이트의 관리자 아이디(user_id, 숫자)로 변경해야 합니다. 보통 워드프레스 기본 설치 시 관리자 아이디는 ‘1’입니다.
개별 사용자 광고 코드가 없을 때 관리자 프로필 필드의 광고 코드를 사용하도록 했지만, 개별 사용자 광고가 없을 때 광고 출력은 사이트의 옵션 데이터(필드)에서 광고 코드를 가져오는 게 좋습니다.
안녕하세요^^ 어휴,, 답변 너무 감사합니다^^
그리구 이렇게 수정까지 해 주셔서 너무 감사해요^^
제가 작금에 버스안에서 확인을 하였답니다…
오늘은 금요일이라 주말 알바를 하는 날이거든요^^
새롭게 작성해 주신 플러그인을,, 일요일밤에 다시금 확인해 본 후,, 다시금 인사 드리러 올께요^^
그리고…
“혹시 관리자 아이디(user_id)를 올바르게 변경하셨는지요?”
아니요^^ 생각도 못하고 있었던 부분입니다^^
아마도 플러그인 코드 중,,
“/ 관리자가 1명이라 가정할 때 관리자 ID (2). 실제 관리자 아이디로 변경 필요.”
이 부분을…
“/ 관리자가 1명이라 가정할 때 관리자 ID (1). 실제 관리자 아이디로 변경 필요.”
이렇게 숫자 ‘1’로 변경을 해야 한다고 가르쳐 주신것 같아요. 그렇게 하겠습니다.
마지막으로…
네!!! 실제로 본문에서는 광고가 제대로 잘 출력되는 것을 확인했습니다^^
너무 감사합니다.
다시금 방문할께요^^
정말정말 행복한 주말 보내십시오^^
정충영 드림.
“Jinn님” 안녕하세요. 정충영입니다.
주말 잘 보내셨는지요^^ 인사가 쫌 늦었어요^^
다시금 업그레이드 해 주신 플러그인을 적용하여 보았고^^
너무나 잘 동작합니다^^
홈 화면(페이지)에 내용도 잘 표현됩니다^^
또 알려주신 부분 다음과 같이 수정도 하였습니다^^ “https://prnt.sc/ia6dyu”
너무 감사합니다^^
잘 사용하겠습니다^^
또 다시 인사할 기회가 있으면 좋겠어요^^
부디 늘 평안하시고,, 늘 강건하소서^^
정충영 드림.
고생 많으셨습니다. 멋진 사이트 기대합니다.