04
01
11

Reklamy w treści wpisów na Bloggerze

Autorem dzisiejszego wpisu jest Tomek, który prowadzi m.in. bloga turystycznego. Tomek napisał do mnie kilka dni temu maila, uznałem jednak, że takiej informacji nie powinienem zostawiać tylko dla siebie i ustaliliśmy wspólnie, że maila opublikuję tu na blogu. Dodam tylko, że informacji przedstawionych poniżej nie testowałem i nie jestem w stanie zapewnić wsparcia technicznego. 😉

Już kiedyś pisałem do Ciebie w tej sprawie – mianowicie, zamieszczania reklam na blogspocie w treści posta. Z racji zmiany skórki pobawiłem się troszkę samym umieszczaniem reklam i udało mi się zamieścić reklamy googli w miejscu odpowiednim – może Cie to zainteresuję 🙂

Na początek walnę linka (żebyś widział, jak to wygląda)  http://student-gotuje.blogspot.com/ . Jednocześnie chciałem się pochwalić skórką 😛 Reklama googlowa pokazuje się tylko w pierwszym poście. Teoretycznie. Prawda jest taka, że reklama pojawia się we wszystkich postach, tylko, że jej nie widać. Przez to jest taki minus – nie da rady zamieścić więcej niż 3 jednostek reklamowych na stronie, więc, jeśli na stronie masz więcej niż 3 jednostki (z boku, czy u góry), to mogą się one nie wyświetlić. Z własnym doświadczeń stwierdziłem – pierdolę. Tamte reklamy i tak nie zarabiają na tyle, żeby warto było je trzymać.

A teraz do meritum. Opiszę Ci jak to zrobić 🙂

Na początek trzeba wejść w edycję kodu html skórki i wybrać opcję rozszerzenia. W części head dodajemy coś takiego:

<script type=’text/javascript’>
var reklamaw = 1;
</script>

żeby zainicjować zmienną, która odpowiada, za tylko jedno wyświetlenie. Następnie szukamy linii z kodem:

<data:post.body/>

i przed nim wstawiamy następujący kod:

<script type=’text/javascript’>
if(reklamaw==1){
reklamaw=0;
document.write(&#39;&lt;div class=&quot;relka&quot;&gt;&#39;);
}
else{
document.write(&#39;&lt;div class=&quot;relka&quot; style=&quot;display:none;&quot; &gt;&#39;);
}
</script>
<script type=’text/javascript’>
google_ad_client = &quot;ca-pub-xxxxx&quot;;
google_ad_host = &quot;pub-yyyyy&quot;;
/* */
google_ad_slot = &quot;zzzzz&quot;;
google_ad_width = 336;
google_ad_height = 280;
</script>
<script src=’http://pagead2.googlesyndication.com/pagead/show_ads.js‚ type=’text/javascript’>
</script>
<script type=’text/javascript’>
document.write(&#39;&lt;/div&gt;&#39;);
</script>

I teraz parę uwag technicznych (i podziękowań dla blogspota). To jest chyba jedyny tak w pełni funkcjonalny system, który się ciągle rozwija i jest całkiem za darmo 😛 Jak się okazało (parę miesięcy po tym jak do Ciebie pisałem ostatnio), blogspot wprowadził zmiany i można swobodniej korzystać z javascriptu (który w stopniu mniej lub bardziej rozbudowanym pozwala zastąpić php w systemach taki jak WordPress).

Meritum – uwagi techniczne. W środku kodu, jak na pewno zauważyłeś jest kod, wygenerowany przez google adsense. Trzeba go niestety poprawić – inaczej nie działa (przynajmniej na mojej skórce). Z oryginalnego kodu:

<script type=”text/javascript”><!–
google_ad_client = „ca-pub-xxxxx”;
/* */
google_ad_slot = „zzzzz”;
google_ad_width = 336;
google_ad_height = 280;
//–>
</script>
<script type=”text/javascript”
src=”http://pagead2.googlesyndication.com/pagead/show_ads.js„>
</script>

musiałem wyciąć komentarze. Czyli zostało coś takiego:

<script type=”text/javascript”>
google_ad_client = „ca-pub-xxxxx”;
/* */
google_ad_slot = „zzzzz”;
google_ad_width = 336;
google_ad_height = 280;
</script>
<script type=”text/javascript”
src=”http://pagead2.googlesyndication.com/pagead/show_ads.js„>
</script>

Druga uwaga techniczna – trzeba nadać elementowi o klasie relka odpowiednie style. U mnie wygląda to tak:

.boxpost .content .relka {float: left; width: 336px; height: 290px; overflow:hidden; margin-right: 10px; margin-bottom:1px}

-wszytko zależy od wielkości reklamy (parametr width i height), a reszta może zostać.

Autor:Krzysztof Lis | Tagi: , , ,



Wpisy powiązane tematycznie:

18 komentarzy do artykułu “Reklamy w treści wpisów na Bloggerze”

  1. Być może źle patrzę, albo reklamy są skrzętnie ukryte, ale nie widzę ich nigdzie w treści artykułu na stronie podanej w artykule.

  2. ” można swobodniej korzystać z javascriptu (który w stopniu mniej lub bardziej rozbudowanym pozwala zastąpić php w systemach taki jak WordPress) ”

    To się uśmiałem 🙂 Jest tylko jedna mała różnica sprawiająca, że te języki mają naprawdę niewiele ze sobą wspólnego – PHP to język działający po stronie serwer (server-side), JavaScript to język działający po stronie klienta (client-side). Języki te służą zupełnie odmiennych kwestiom.

    Ps. JavaScript też może działać po stronie serwera (np. z node.js), ale to już inna historia.

  3. @Kszegosz: Reklamy do przyszłego poniedziałku są ukryte – akurat tak się niefortunnie złożyło z data publikacji 🙂

    @Kamil: Wiem, czy się różni JS od PHP. Chodziło mi o to, że można wykorzystać JS do stworzenia podobnych efektów, jak przy wykorzystaniu PHP w takim WordPressie. Zwykłego użytkownika nie będzie obchodzić, po której stronie jest wykonywany skrypt (serwera, czy jego) jeśli nie będzie widział różnicy w szybkości działania).

  4. misiuziu: chyba jednak nadal nie rozumiesz.

    baza danych: przechowuje dane
    PHP: generuje jakieś dane (np. dokument HTML), przetwarza dane po stronie serwera

    => to co wygeneruje PHP zostaje wysłane protokołem HTTP do klienta (przeglądarki) =>

    HTML: prezencja/struktura
    JavaScript: obsługa zdarzeń
    CSS: wygląd

  5. Nie widać żadnych reklam na stronie…

  6. Kilka spraw:
    – poprawianie kodu reklamy – z tym bym bardzo uważał, google zabrania ingerowania w kod reklamy, z jednej strony to tylko komentarz, ale jak pokazują różne historie każdy powód jest dobry do bana dla Googla.
    – z drugiej strony bardzo dziwne jest, że na własnej platformie nie rozpracowali lepiej układów reklam, a w szczególności góra i dół posta, które z moich obserwacji mają bardzo wysoką skuteczność.
    – trzecia sprawa to pytanie – czy jak zamieścimy więcej niż 3 reklamy tego samego typu na blogu (przykład spisu tematów na stronie głównej bloga), to będzie to łamanie regulaminu, czy Google sam wytnie pozostałe reklamy i ich nie wyświetli?

  7. Coś czuję, że kwestia umieszczania reklam, w takim miejscu, jak ja to zrobiłem, to tylko kwestia czasu.

    Co do tych 3 reklam – z obserwacji moich wynika, że jak na stronie jest powyżej 3 jednostek, to reszta reklam się nie wyświetla.

    To, co udostępnia blogspot (reklamy między postami), działa właśnie tak, że dalsze reklamy, powyżej 3 jednostki, nie są wyświetlane.

  8. @Krzysztof, misiuziu: ja bym nie ryzykował wstawiania więcej, niż 3 jednostek, dlatego tam, gdzie ustawiłem tę funkcję, zmniejszyłem liczbę wyświetlanych naraz wpisów, żeby tego uniknąć.

    Jeśli zaś chodzi o poprawianie kodu, pewne niewielkie zmiany są dopuszczalne. Mnie kiedyś odpisał tak sam support AdSense.

  9. Myślałem, że będę mógł skorzystać z tej porady, ale jednak nie mogę.

    1. Gdy mamy skórkę, na której na głównej stronie wyświetlają się posty z obrazkami i obok krótką zajawką tekstu to reklama też zapewne będzie się wyświetlać na stronie głównej.
    2. Brak możliwości wyświetlania pozostałych jednostek reklamowych z adsense.

    Chyba jednak nie skorzystam, ale sam pomysł jest jednak fajny. Może kiedyś 🙂

  10. Pomysł bardzo ciekawy, ale naczytałem się juz postów na forum google i optymalizacji jak ludzie za „ukryte treści” dostawali bana na stronę.

    Jestem ciekawy co support google sądzi o tym pomyśle z ukrytą treścią.

  11. Na pewno się przyda, chciałbym aby na blogu pojawiało się więcej wpisów dotyczących bloggera.

  12. A ja nie mam dobrych doświadczeń z reklamą w treści posta.
    Wydaje mi się zbyt nachalna, ale to tylko moje zdanie…

  13. @Łukasz P. : Też uważam, że jest zbyt nachalna, ale zarabia. I to zdecydowanie lepiej niż każda inna reklama w innym miejscu.

  14. No nachalna jest, ale zapewni dużo wyższą konwersję niż standardowe układy w bloggerze.

    Ja czekam aż google umożliwi wstawianie reklam w dowolne miejsce bez potrzeby babrania się w kodzie. Blogger niby ma już ogromnie dużo opcji, ale myślę, że nikt się nie pogniewa, jeśli będzie możliwość automatycznego wstawiania reklam w dowolne miejsce.

  15. Mi wysykakuję błąd. ;/

    „Nie można przeanalizować szablonu, ponieważ nie jest on poprawnie sformułowany. Sprawdź, czy wszystkie elementy XML zostały prawidłowo zamknięte.
    Komunikat o błędzie XML: Open quote is expected for attribute „{1}” associated with an element type „type”. ”

    Może ktoś pomóc?

  16. Jeśli kopiowałeś kod prosto z posta, to musisz zamienić sobie znaki ’ na ‚ . W poście apostrofy są inaczej zapisywane niż robi się to w kodzie.

  17. jakie reklamy skoro każdy z nas ma różne dodatki typu adBlock?
    jacy wy ludzie jesteście naiwni ze na tym da sie zarobić

  18. asd

Pozostaw komentarz

Pamiętaj tylko proszę o polityce komentarzy! Komentarze służą do wyrażania opinii na temat opublikowanego tekstu, albo zadawania pytań jego dotyczących. Nie służą do reklamowania własnych stron ani zadawania pytań nie związanych z tematem wpisu. Jeśli masz pytanie, zadaj je na forum o zarabianiu na blogach albo napisz do mnie e-maila.

XHTML - możesz użyć tagów:<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Jak zarabiam?

Na moich blogach i witrynach zarabiam między innymi sposobami podanymi poniżej.