ilch Forum » Ilch Clan 1.1 » Design und Templates » Google Adsense Anzeigen implementieren

Geschlossen
  1. Mo. 23.11.2015 18:35 Uhr #1
    User Pic
    PlastSpritzer Mitglied
    Registriert seit
    14.11.2015
    Beiträge
    22
    Beitragswertungen
    0 Beitragspunkte
    Guten Tag liebe Forengemeinde...

    ich habe mir durch Google Adsense einen Anzeigenblock erstellen lassen für Werbeflächen, die ich gerne in meine Homepage einbinden möchte...

    Wo pack ich diesen Code hin, ohne das mein Design darunter leidet?!:

    ?
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <!-- Werbung -->
    <ins class="adsbygoogle"
         style="display:block"
         data-ad-client="ca-pub-6851305946815580"
         data-ad-slot="9373237554"
         data-ad-format="auto"></ins>
    <script>
    (adsbygoogle = window.adsbygoogle || []).push({});
    </script>


    der Code meiner index.html:



    ich hatte mir vorgestellt, das die werbe-anzeige auf der Startseite im rechten abschnitt des design`s zu finden sein sollte...
    könnt Ihr mir da weiterhelfen, wo ich den Code am besten hinsetzen könnte?

    mfg :]


    verwendete ilch Version: 1.1 P

    betroffene Homepage: externer Link
    0 Mitglieder finden den Beitrag gut.
  2. Mo. 23.11.2015 21:31 Uhr #2
    User Pic
    blakedj06 gelöschter User
    Erstelle dir ein Div unter dem Body und gib ihm ein position absolute damit die Werbung mit scrollt oder ein fixed um das sie immer fest positioniert bleibt.


    Unter <body>

    ?
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    <div id="adsense">
    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <!-- Werbung -->
    <ins class="adsbygoogle"
         style="display:block"
         data-ad-client="ca-pub-6851305946815580"
         data-ad-slot="9373237554"
         data-ad-format="auto"></ins>
    <script>
    (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
    </div>


    und packe in deine style.css folgenden Code:

    #adsense{
    position:absolute;
    top:100px;
    right:100px;
    }

    oder wenn die Werbung fest verankert sein soll:

    #adsense{
    position:fixed;
    top:100px;
    right:100px;
    }

    In beiden Fällen musst Du nur noch mit den Werten für Top und Right spielen bis es für dich passend ist.


    Zuletzt modifiziert von blakedj06 am 23.11.2015 - 21:32:48
    0 Mitglieder finden den Beitrag gut.
  3. Di. 24.11.2015 18:38 Uhr #3
    User Pic
    PlastSpritzer Mitglied
    Registriert seit
    14.11.2015
    Beiträge
    22
    Beitragswertungen
    0 Beitragspunkte
    ...ah okay...das hätte ich schonmal verstanden...und wohin genau packe ich den code in die style.css? Was wäre vorstellbar, wenn die Werbung rechts oder links an den Seiten zu sehen sein soll?

    code der style.css:


    mfg :]
    0 Mitglieder finden den Beitrag gut.
  4. Di. 24.11.2015 19:01 Uhr #4
    User Pic
    blakedj06 gelöschter User
    Die Position in der CSS ist irrelevant zumindest wenn dir die Ordnung da drin egal ist.

    Und der Code ist voreingestellt um die Werbung rechts anzuzeigen. Probiere es doch einfach bevor Du Fragen stellst. ^^


    Zuletzt modifiziert von blakedj06 am 24.11.2015 - 19:02:15
    0 Mitglieder finden den Beitrag gut.
  5. Di. 24.11.2015 19:18 Uhr #5
    User Pic
    PlastSpritzer Mitglied
    Registriert seit
    14.11.2015
    Beiträge
    22
    Beitragswertungen
    0 Beitragspunkte
    Vielen dank erstmal, hat mir schonmal sehr weitergeholfen...bin in der Sache noch relativ unschlüssig und verunsichert, wo ich was einfüge, vielleicht aus lauter angst, das design zu verhunzen ^.^
    Werde es morgen mal ausprobieren :]
    0 Mitglieder finden den Beitrag gut.
  6. Di. 24.11.2015 19:55 Uhr #6
    User Pic
    Nachtwolf Hall Of Fame
    Registriert seit
    10.11.2006
    Beiträge
    533
    Beitragswertungen
    16 Beitragspunkte
    ZitatZitat geschrieben von PlastSpritzer
    Vielen dank erstmal, hat mir schonmal sehr weitergeholfen...bin in der Sache noch relativ unschlüssig und verunsichert, wo ich was einfüge, vielleicht aus lauter angst, das design zu verhunzen ^.^
    Werde es morgen mal ausprobieren :]


    Ist doch kein Problem.;)
    Und um deine Angst zu verringern das du was zerstörst, mache immer bevor du was änders einen Backup der Datei/n.
    2 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Design und Templates

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten