๐Ÿ› ️ ๋ธ”๋กœ๊ทธ์ŠคํŒŸ(Blogspot) & ์›Œ๋“œํ”„๋ ˆ์Šค(WordPress) ์ตœ์ ํ™” ์‹คํ–‰ ๊ฐ€์ด๋“œ

๐Ÿ› ️ ๋ธ”๋กœ๊ทธ์ŠคํŒŸ(Blogspot) & ์›Œ๋“œํ”„๋ ˆ์Šค(WordPress) ์ตœ์ ํ™” ์‹คํ–‰ ๊ฐ€์ด๋“œ

 ๋ธ”๋กœ๊ทธ์ŠคํŒŸ๊ณผ ์›Œ๋“œํ”„๋ ˆ์Šค๋Š” ๊ด‘๊ณ  ์ฝ”๋“œ ์‚ฝ์ž… ๋ฐฉ์‹์ด ์™„์ „ํžˆ ๋‹ค๋ฅด๊ธฐ ๋•Œ๋ฌธ์—, ๋‘ ํ”Œ๋žซํผ์— ๋งž์ถฐ ๊ฐ€์žฅ ์•ˆ์ „ํ•˜๊ณ  ํšจ์œจ์ ์ธ '์ €ํšจ์œจ ๊ด‘๊ณ  ์ œ๊ฑฐ ๋ฐ ์ธ์•„ํ‹ฐํด ๊ด‘๊ณ  ์ „ํ™˜' ๊ฐ€์ด๋“œ๋ฅผ ๊ฐ๊ฐ ๋‚˜๋ˆ„์–ด ์ œ์‹œํ•ด ๋“œ๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค.

ํŒŒํŠธ 1: ๋ธ”๋กœ๊ทธ์ŠคํŒŸ (Blogspot) ๊ฐ€์ด๋“œ

๋ธ”๋กœ๊ทธ์ŠคํŒŸ์€ ์ฃผ๋กœ '๋ ˆ์ด์•„์›ƒ'์˜ ์œ„์ ฏ์„ ์‚ฌ์šฉํ•˜๊ฑฐ๋‚˜ 'ํ…Œ๋งˆ HTML'์„ ์ง์ ‘ ์ˆ˜์ •ํ•˜์—ฌ ๊ด‘๊ณ ๋ฅผ ์‚ฝ์ž…ํ•ฉ๋‹ˆ๋‹ค. ์‚ฌ์ด๋“œ๋ฐ” ๊ด‘๊ณ ๋Š” ๋ณดํ†ต '๋ ˆ์ด์•„์›ƒ' ์œ„์ ฏ์— ์žˆ์Šต๋‹ˆ๋‹ค.

1๋‹จ๊ณ„: ์ €ํšจ์œจ ์‚ฌ์ด๋“œ๋ฐ” ๊ด‘๊ณ  ์ œ๊ฑฐ (๋ธ”๋กœ๊ทธ์ŠคํŒŸ)

  1. ๋ ˆ์ด์•„์›ƒ ์ ‘์†: ๋ธ”๋กœ๊ทธ์ŠคํŒŸ ๊ด€๋ฆฌ์ž ํŽ˜์ด์ง€์—์„œ '๋ ˆ์ด์•„์›ƒ(Layout)' ๋ฉ”๋‰ด๋กœ ์ด๋™ํ•ฉ๋‹ˆ๋‹ค.

  2. ๊ด‘๊ณ  ์œ„์ ฏ ์ฐพ๊ธฐ: ์‚ฌ์ด๋“œ๋ฐ”(Sidebar) ์˜์—ญ์—์„œ 'HTML/JavaScript' ์œ„์ ฏ ํ˜•ํƒœ๋กœ ์‚ฝ์ž…๋œ 'withmake_sidebard_1' ๋˜๋Š” ๋‹ค๋ฅธ ์ €ํšจ์œจ ๋””์Šคํ”Œ๋ ˆ์ด ๊ด‘๊ณ ๋ฅผ ์ฐพ์Šต๋‹ˆ๋‹ค.

  3. ์ฝ”๋“œ ์ œ๊ฑฐ: ํ•ด๋‹น ์œ„์ ฏ์„ ์—ด๊ณ , ๋‚ด๋ถ€์— ์žˆ๋Š” ์• ๋“œ์„ผ์Šค ์ฝ”๋“œ ์ „์ฒด(<script async src="..."></script>์™€  <ins>...</ins>$ ํƒœ๊ทธ ํฌํ•จ)๋ฅผ ์‚ญ์ œํ•ฉ๋‹ˆ๋‹ค.

  4. ์ €์žฅ: ์œ„์ ฏ๊ณผ ๋ ˆ์ด์•„์›ƒ ๋ณ€๊ฒฝ ์‚ฌํ•ญ์„ ์ €์žฅํ•ฉ๋‹ˆ๋‹ค.

2๋‹จ๊ณ„: ์ธ์•„ํ‹ฐํด ๊ด‘๊ณ  ์ฝ”๋“œ ์ƒ์„ฑ (์• ๋“œ์„ผ์Šค ๊ณตํ†ต)

  1. ์• ๋“œ์„ผ์Šค ์ ‘์†: ์• ๋“œ์„ผ์Šค ๋Œ€์‹œ๋ณด๋“œ -> '๊ด‘๊ณ  ๋‹จ์œ„ ๊ธฐ์ค€' -> '์ธ์•„ํ‹ฐํด ๊ด‘๊ณ '๋ฅผ ์„ ํƒํ•˜์—ฌ ์ƒˆ ๊ด‘๊ณ ๋ฅผ ์ƒ์„ฑํ•ฉ๋‹ˆ๋‹ค.

  2. ์ฝ”๋“œ ๋ณต์‚ฌ: ์ƒ์„ฑ ํ›„ ๋ฐœ๊ธ‰๋˜๋Š” ์ธ์•„ํ‹ฐํด ๊ด‘๊ณ  ์ฝ”๋“œ๋ฅผ ๋ณต์‚ฌํ•ฉ๋‹ˆ๋‹ค.

3๋‹จ๊ณ„: ์ธ์•„ํ‹ฐํด ๊ด‘๊ณ  ์‚ฝ์ž… (๋ธ”๋กœ๊ทธ์ŠคํŒŸ - HTML ํŽธ์ง‘)

๋ธ”๋กœ๊ทธ์ŠคํŒŸ์€ '๋ ˆ์ด์•„์›ƒ'์—์„œ ๋ณธ๋ฌธ ์ค‘๊ฐ„์— ์ฝ”๋“œ๋ฅผ ๋„ฃ๊ธฐ ์–ด๋ ต๊ธฐ ๋•Œ๋ฌธ์—, ์Šคํ‚จ(ํ…Œ๋งˆ)์˜ HTML์„ ์ง์ ‘ ํŽธ์ง‘ํ•˜๋Š” ๊ฒƒ์ด ๊ฐ€์žฅ ํ™•์‹คํ•ฉ๋‹ˆ๋‹ค.

  1. ํ…Œ๋งˆ ์ ‘์†: ๋ธ”๋กœ๊ทธ์ŠคํŒŸ ๊ด€๋ฆฌ์ž ํŽ˜์ด์ง€์—์„œ 'ํ…Œ๋งˆ(Theme)' ๋ฉ”๋‰ด๋กœ ์ด๋™ํ•ฉ๋‹ˆ๋‹ค.

  2. HTML ํŽธ์ง‘: 'HTML ํŽธ์ง‘(Edit HTML)'์„ ํด๋ฆญํ•˜์—ฌ ์ฝ”๋“œ๋ฅผ ์—ฝ๋‹ˆ๋‹ค.

  3. ๋ณธ๋ฌธ ๋‚ด์šฉ ์ฐพ๊ธฐ: Ctrl+F ๋˜๋Š” Cmd+F๋ฅผ ๋ˆŒ๋Ÿฌ <data:post.body/> ํƒœ๊ทธ๋ฅผ ๊ฒ€์ƒ‰ํ•ฉ๋‹ˆ๋‹ค. ์ด ํƒœ๊ทธ๊ฐ€ ๋ธ”๋กœ๊ทธ ๊ธ€์˜ ๋ณธ๋ฌธ ๋‚ด์šฉ์ด ์ถœ๋ ฅ๋˜๋Š” ์œ„์น˜์ž…๋‹ˆ๋‹ค.

  4. ์ฝ”๋“œ ์‚ฝ์ž…: <data:post.body/> ํƒœ๊ทธ ๋ฐ”๋กœ ์•„๋ž˜ ๋˜๋Š” ์œ„์— ๋ณต์‚ฌํ•œ ์ธ์•„ํ‹ฐํด ๊ด‘๊ณ  ์ฝ”๋“œ๋ฅผ ๋ถ™์—ฌ ๋„ฃ์Šต๋‹ˆ๋‹ค.

    • ํŒ: ๋งŒ์•ฝ ๊ธ€ ์‹œ์ž‘ ํ›„ 3~4๋ฒˆ์งธ ๋ฌธ๋‹จ ๋’ค์— ๋„ฃ๊ณ  ์‹ถ๋‹ค๋ฉด, JavaScript๋ฅผ ์‚ฌ์šฉํ•ด ํŠน์ • ๋ฌธ๋‹จ ๋’ค์— ์‚ฝ์ž…ํ•ด์•ผ ํ•˜์ง€๋งŒ, ์ดˆ๋ณด์ž์—๊ฒŒ๋Š” ๋ณต์žกํ•  ์ˆ˜ ์žˆ์œผ๋ฏ€๋กœ, ์ผ๋‹จ <data:post.body/> ๊ทผ์ฒ˜์— ๋ฐฐ์น˜ํ•˜์—ฌ ๋…ธ์ถœ์„ ์‹œ์ž‘ํ•˜๋Š” ๊ฒƒ์ด ์ข‹์Šต๋‹ˆ๋‹ค.

  5. ์ €์žฅ: ์Šคํ‚จ ์ฝ”๋“œ๋ฅผ ์ €์žฅํ•˜๊ณ  ๋ธ”๋กœ๊ทธ์— ์ ์šฉํ•ฉ๋‹ˆ๋‹ค.


ํŒŒํŠธ 2: ์›Œ๋“œํ”„๋ ˆ์Šค (WordPress) ๊ฐ€์ด๋“œ

์›Œ๋“œํ”„๋ ˆ์Šค๋Š” '์œ„์ ฏ' ์™ธ์—๋„ '๊ด‘๊ณ  ๊ด€๋ฆฌ ํ”Œ๋Ÿฌ๊ทธ์ธ'์ด๋‚˜ 'ํ…Œ๋งˆ์˜ ์‚ฌ์šฉ์ž ์ •์˜ ๊ธฐ๋Šฅ'์„ ์‚ฌ์šฉํ•˜์—ฌ ๊ด‘๊ณ ๋ฅผ ๊ด€๋ฆฌํ•ฉ๋‹ˆ๋‹ค. ํ”Œ๋Ÿฌ๊ทธ์ธ์„ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด ๊ฐ€์žฅ ์•ˆ์ „ํ•˜๊ณ  ํŽธ๋ฆฌํ•ฉ๋‹ˆ๋‹ค.

1๋‹จ๊ณ„: ์ €ํšจ์œจ ์‚ฌ์ด๋“œ๋ฐ” ๊ด‘๊ณ  ์ œ๊ฑฐ (์›Œ๋“œํ”„๋ ˆ์Šค)

  1. ์œ„์ ฏ ์ ‘์†: ์›Œ๋“œํ”„๋ ˆ์Šค ๊ด€๋ฆฌ์ž ํŽ˜์ด์ง€ -> '์™ธ๋ชจ(Appearance)' ->  '์œ„์ ฏ(Widgets)'์œผ๋กœ ์ด๋™ํ•ฉ๋‹ˆ๋‹ค.

  2. ์‚ฌ์ด๋“œ๋ฐ” ์œ„์ ฏ ์ฐพ๊ธฐ: '์‚ฌ์ด๋“œ๋ฐ”' ์˜์—ญ์—์„œ 'HTML' ๋˜๋Š” 'ํ…์ŠคํŠธ ์œ„์ ฏ' ํ˜•ํƒœ๋กœ ์‚ฝ์ž…๋œ ์ €ํšจ์œจ ๋””์Šคํ”Œ๋ ˆ์ด ๊ด‘๊ณ (์˜ˆ: 'withmake_sidebard_1')๋ฅผ ์ฐพ์Šต๋‹ˆ๋‹ค.

  3. ์ œ๊ฑฐ: ํ•ด๋‹น ์œ„์ ฏ์„ ์—ด๊ณ  ์ฝ”๋“œ๋ฅผ ์‚ญ์ œํ•˜๊ฑฐ๋‚˜, ์œ„์ ฏ ์ž์ฒด๋ฅผ '๋น„ํ™œ์„ฑ ์œ„์ ฏ' ์˜์—ญ์œผ๋กœ ๋“œ๋ž˜๊ทธํ•˜์—ฌ ์ œ๊ฑฐํ•ฉ๋‹ˆ๋‹ค.

  4. ์ €์žฅ: ๋ณ€๊ฒฝ ์‚ฌํ•ญ์„ ์ €์žฅํ•ฉ๋‹ˆ๋‹ค.

2๋‹จ๊ณ„: ์ธ์•„ํ‹ฐํด ๊ด‘๊ณ  ์ฝ”๋“œ ์ƒ์„ฑ (์• ๋“œ์„ผ์Šค ๊ณตํ†ต)

(๋ธ”๋กœ๊ทธ์ŠคํŒŸ๊ณผ ๋™์ผ) ์• ๋“œ์„ผ์Šค ๋Œ€์‹œ๋ณด๋“œ์—์„œ ์ธ์•„ํ‹ฐํด ๊ด‘๊ณ ๋ฅผ ์ƒ์„ฑํ•˜๊ณ  ์ฝ”๋“œ๋ฅผ ๋ณต์‚ฌํ•ฉ๋‹ˆ๋‹ค.

3๋‹จ๊ณ„: ์ธ์•„ํ‹ฐํด ๊ด‘๊ณ  ์‚ฝ์ž… (์›Œ๋“œํ”„๋ ˆ์Šค - ํ”Œ๋Ÿฌ๊ทธ์ธ ๊ถŒ์žฅ)

์›Œ๋“œํ”„๋ ˆ์Šค๋Š” ๊ด‘๊ณ  ๊ด€๋ฆฌ ํ”Œ๋Ÿฌ๊ทธ์ธ์„ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด ๊ฐ€์žฅ ์•ˆ์ „ํ•ฉ๋‹ˆ๋‹ค. (์˜ˆ: Ad Inserter, Advanced Ads ๋“ฑ)

  1. ํ”Œ๋Ÿฌ๊ทธ์ธ ์„ค์น˜: ๊ด€๋ฆฌ์ž ํŽ˜์ด์ง€ -> 'ํ”Œ๋Ÿฌ๊ทธ์ธ(Plugins)'  -> '์ƒˆ๋กœ ์ถ”๊ฐ€'์—์„œ Ad Inserter (๊ฐ€์žฅ ๋Œ€์ค‘์ )๋ฅผ ๊ฒ€์ƒ‰ํ•˜์—ฌ ์„ค์น˜ ๋ฐ ํ™œ์„ฑํ™”ํ•ฉ๋‹ˆ๋‹ค.

  2. ์ธ์•„ํ‹ฐํด ์ฝ”๋“œ ์‚ฝ์ž…: Ad Inserter ์„ค์ •์œผ๋กœ ์ด๋™ํ•˜์—ฌ **์ƒˆ ๋ธ”๋ก(Block)**์— ๋ณต์‚ฌํ•œ ์ธ์•„ํ‹ฐํด ์ฝ”๋“œ๋ฅผ ๋ถ™์—ฌ ๋„ฃ์Šต๋‹ˆ๋‹ค.

  3. ์œ„์น˜ ์„ค์ •:

    • ์ž๋™ ์‚ฝ์ž… ์œ„์น˜: 'Insertion' ์„ค์ •์—์„œ ์œ„์น˜๋ฅผ 'Post' (๊ฒŒ์‹œ๊ธ€)๋กœ ์ง€์ •ํ•ฉ๋‹ˆ๋‹ค.

    • ๋ฐฐ์น˜ ์กฐ๊ฑด: 'Position' ์„ค์ •์„ 'After Paragraph (๋ฌธ๋‹จ ๋‹ค์Œ)'๋กœ ์„ค์ •ํ•˜๊ณ , ๋ฒˆํ˜ธ๋ฅผ 3 ๋˜๋Š” 4๋กœ ์ง€์ •ํ•ฉ๋‹ˆ๋‹ค. (๊ธ€ ์‹œ์ž‘ ํ›„ 3~4๋ฒˆ์งธ ๋ฌธ๋‹จ ๋’ค์— ์ž๋™์œผ๋กœ ์‚ฝ์ž…)

  4. ํ™œ์„ฑํ™” ๋ฐ ์ €์žฅ: ์„ค์ •์„ ์ €์žฅํ•˜๊ณ  ๊ด‘๊ณ ๋ฅผ ํ™œ์„ฑํ™”ํ•ฉ๋‹ˆ๋‹ค.

์š”์•ฝ::  ํ”Œ๋žซํผ๋ณ„ ๊ฐ€์žฅ ์•ˆ์ „ํ•˜๊ณ  ํšจ์œจ์ ์ธ HTML/์œ„์ ฏ ํŽธ์ง‘ ๊ฐ€์ด๋“œ

ํ”Œ๋žซํผ๋กœ ํ•ด๋‹น ํ™˜๊ฒฝ์— ๋งž๋Š” ๊ฐ€์žฅ ์•ˆ์ „ํ•˜๊ณ  ํšจ์œจ์ ์ธ HTML/์œ„์ ฏ ํŽธ์ง‘ ๊ฐ€์ด๋“œ์ž…๋‹ˆ๋‹ค.

๐ŸŒŸ ์ž‘์—…์˜ ํ•ต์‹ฌ ๋‹จ๊ณ„:

๋‹จ๊ณ„๋ชฉํ‘œ์‚ฌ์šฉ ๋„๊ตฌ
1๋‹จ๊ณ„์ €ํšจ์œจ ๊ด‘๊ณ  ์ฝ”๋“œ ์‹๋ณ„์• ๋“œ์„ผ์Šค ๋Œ€์‹œ๋ณด๋“œ -> ๋ณด๊ณ ์„œ -> '๊ด‘๊ณ  ๋‹จ์œ„'
2๋‹จ๊ณ„๊ด‘๊ณ  ์ฝ”๋“œ ์ œ๊ฑฐ๋ธ”๋กœ๊ทธ ๊ด€๋ฆฌ์ž ํŽ˜์ด์ง€ -> '์œ„์ ฏ' ๋˜๋Š” 'HTML ํŽธ์ง‘'
3๋‹จ๊ณ„์ธ์•„ํ‹ฐํด ์ฝ”๋“œ ์ƒ์„ฑ์• ๋“œ์„ผ์Šค ๋Œ€์‹œ๋ณด๋“œ -> '์ƒˆ ๊ด‘๊ณ  ๋‹จ์œ„ ๋งŒ๋“ค๊ธฐ'
4๋‹จ๊ณ„์ธ์•„ํ‹ฐํด ์ฝ”๋“œ ์‚ฝ์ž…๋ธ”๋กœ๊ทธ ๊ด€๋ฆฌ์ž ํŽ˜์ด์ง€ -> '์Šคํ‚จ ํŽธ์ง‘' ๋˜๋Š” 'ํ”Œ๋Ÿฌ๊ทธ์ธ/ํ…Œ๋งˆ ํŽธ์ง‘'
๋‹ค์Œ์œผ๋กœ๋Š” ์‹คํ–‰ ํ›„ ๋ชจ๋‹ˆํ„ฐ๋ง์ด ํ•„์ˆ˜์ž…๋‹ˆ๋‹ค. ์•„๋ž˜์™€ ๊ฐ™์ด ๋ชจ๋‹ˆํ„ฐ๋งํ•ฉ๋‹ˆ๋‹ค.


๐ŸŒŸ ๋‹ค์Œ ๋‹จ๊ณ„: ํ•ต์‹ฌ ๋ชจ๋‹ˆํ„ฐ๋ง

์œ„ ์ž‘์—…์„ ์™„๋ฃŒํ•˜์…จ๋‹ค๋ฉด, ์ด์ œ ๊ฐ€์žฅ ์ค‘์š”ํ•œ ์„ฑ๊ณผ ๋ชจ๋‹ˆํ„ฐ๋ง ๋‹จ๊ณ„์ž…๋‹ˆ๋‹ค.

๋ณด๊ณ ์„œ-ad unit

  1. 14์ผ ๋ชจ๋‹ˆํ„ฐ๋ง: 2์ฃผ ๋™์•ˆ ์• ๋“œ์„ผ์Šค ๋ณด๊ณ ์„œ-> '๊ด‘๊ณ  ๋‹จ์œ„'์—์„œ ์ƒˆ๋กœ ์‚ฝ์ž…ํ•œ ์ธ์•„ํ‹ฐํด ๊ด‘๊ณ ์˜ CTR๊ณผ RPM์„ ์ง‘์ค‘์ ์œผ๋กœ ๊ด€์ฐฐํ•ฉ๋‹ˆ๋‹ค.

  2. ๊ฒฐ๊ณผ ๋ถ„์„: ์ธ์•„ํ‹ฐํด ๊ด‘๊ณ ์˜ RPM์ด ๊ธฐ์กด ์‚ฌ์ด๋“œ๋ฐ” ๊ด‘๊ณ ๋ณด๋‹ค ์œ ์˜๋ฏธํ•˜๊ฒŒ ๋†’๊ฒŒ ๋‚˜์˜ค๋Š”์ง€ ํ™•์ธํ•˜๊ณ , ๋†’๋‹ค๋ฉด ์ด ์ „๋žต์„ ์ตœ์ข… ํ™•์ •ํ•ฉ๋‹ˆ๋‹ค.

์ž‘์—… ์ค‘ ํŠน์ • ๋‹จ๊ณ„์—์„œ ๋ง‰ํžˆ๊ฑฐ๋‚˜, ์ธ์•„ํ‹ฐํด ๊ด‘๊ณ ๋ฅผ ์‚ฝ์ž…ํ•  ์ตœ์ ์˜ ์œ„์น˜๋ฅผ ์ฐพ๊ณ  ์‹ถ์œผ์‹œ๋‹ค๋ฉด ์–ธ์ œ๋“ ์ง€ ์•Œ๋ ค์ฃผ์„ธ์š”. ๋ฐ”๋กœ ๋„์›€์„ ๋“œ๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค.

#๊ฐ€๋‚˜ ํˆฌ๋ฐ์ด #ganatoday

๊ทธ๋ฆฐ์•„ํ”„๋กœ

์ธ๊ธฐ ๊ธ€

prfparkst

๋ฒ„ํ‚ท๋ฆฌ์ŠคํŠธ, ๊ฑธ์–ด์„œ122๊ฐœ๊ตญ์—ฌํ–‰, ์ฑ—์ง€ํ”ผํ‹ฐ, ์• ๋“œ์„ผ์Šค,๋ธ”๋กœ๊ทธ,์‹œ๋‚˜๋ฆฌ์˜ค,์ˆ์ธ 

๋Œ“๊ธ€ ์“ฐ๊ธฐ

๋‹ค์Œ ์ด์ „