kboard 애드센스 코드 삽입 방법

Kboard 애드센스 코드 삽입 방법

소개

이 블로그 포스팅에서는 Kboard 플러그인을 사용하는 워드프레스 웹사이트에서 애드센스 코드를 삽입하는 방법에 대해 상세히 알아보겠습니다. 애드센스 광고를 쉽게 표시하고 웹사이트 수익을 증가시킬 수 있는 중요한 단계입니다. Kboard 스킨을 직접 수정하거나 테마의 functions.php 파일에 코드를 추가하여 애드센스 코드를 삽입하는 두 가지 방법을 다룰 것입니다.

Kboard 플러그인 스킨 수정 방법

Kboard 스킨을 직접 수정하여 애드센스 코드를 삽입하는 방법을 먼저 살펴보겠습니다.

1. FTP로 웹사이트에 접속하고 사용 중인 Kboard 스킨의 폴더를 찾습니다. 스킨 폴더의 경로는 다음과 같습니다: /wp-content/plugins/kboard/skin/사용중인스킨/
2. 폴더 내에서 document.php 파일을 찾아 엽니다. 이 파일은 게시물의 본문 페이지를 담당합니다.
3. document.php 파일 내에서 다음과 같이 코드를 추가합니다:이제 여기에 애드센스 코드를 추가할 수 있습니다. 애드센스 코드를 추가하고 스킨을 저장합니다.

<div class="kboard-content" itemprop="description">
    <div class="content-view">
        <!-- 애드센스 코드를 이 부분에 삽입해보세요. -->
        <?php echo $content->content?>
        <!-- 애드센스 코드를 이 부분에 삽입해보세요. -->
    </div>
</div>

4. 필요한 경우, 애드센스 광고를 반응형으로 만들기 위해 CSS를 추가할 수 있습니다. 아래 코드는 반응형 애드센스를 위한 CSS 예시입니다:

@media only screen and (max-width: 720px) {
    .kboardAd {
        display: block;
        float: none;
        text-align: center;
        margin: 0 0 20px 0;
    }
}

@media only screen and (min-width: 721px) {
    .kboardAd {
        display: block;
        float: left;
        max-width: 380px;
        margin: 0 20px 5px 0;
    }
}

6. 위의 단계를 반복하여 필요한 만큼 애드센스 코드를 삽입합니다. 이렇게 하면 게시물 본문에 애드센스 광고가 표시됩니다.

테마의 functions.php 파일 수정 방법

테마의 functions.php 파일에 코드를 추가하여 애드센스 코드를 삽입하는 방법을 알아보겠습니다.

1. 워드프레스 대시보드에 로그인하고, 외모 → 편집기로 이동합니다.
2. 테마의 functions.php 파일을 엽니다.
3. 다음 코드를 functions.php 파일에 추가합니다:

add_filter('kboard_content', 'my_adsense_kboard_content', 10, 3);
function my_adsense_kboard_content($content, $content_uid, $board_id){
    ob_start();
?>
<div style="text-align: center;">
    <!-- 여기에 애드센스 코드를 삽입해보세요. -->
</div>
<?php
    $adsense = ob_get_clean();
    $content = $content . $adsense;
    return $content;
}

여기에 애드센스 코드를 추가하면 됩니다.

마무리

이제 Kboard 플러그인을 사용하는 워드프레스 웹사이트에 애드센스 코드를 삽입하는 방법을 알게 되었습니다. 애드센스 코드를 효과적으로 활용하여 웹사이트 수익을 증가시키세요. 더 많은 도움이 필요하다면 언제든지 문의해주세요.