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?!: 

    <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: 

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="Christopher Gottesleben">
<meta name="publisher" content="Christopher Gottesleben">
<meta name="copyright" content="Christopher Gottesleben">
<meta name="description" content="Wissen für Verfahrensmechaniker. Spritzgießen leicht erklärt. Erste Schritte und Abläufe an einer Spritzgussmaschine. Kunststoffe kennenlernen. Wie werden Kunststoffe hergestellt? Verfahrensabläufe an einer Spritzgußmaschine, Formenbau, Werkzeuge, Musterung, Werkstoffe, Basiswissen, Grundlagen und vieles mehr.">
<meta name="keywords" content="Additive, Aufspannung, Auswerfer, Auswerfereinheit, Anguss, Angussarten, Anwendungsbereiche, Arburg, Amorph, ABS, ASA, Basiswissen, Blasformen, Copolymerisation, Duroplaste, Düse, Definition, Dosiervolumen, Dekompression, Downloads, Eigenschaften, Elastomere, Extrusion, Extruder, Einsprtitzgeschwindigkeit, Einspritzdruck, Einfülltrichter, Energieeffiziens, Formenbau, FMEA, Forum, Fertigung, Formteile, Granulat, Grundlagen, Halbzeuge, Heisskanal, Kunststoffe, Kunststoff, Kunststoffherstellung, Kunststoffeigenschaften, Kautschuktechnik, Kalandrieren, Kühlzeit, Kegelanguss, Material, Musterung, Materialtrockner, Nachdruck, Nachdruckzeit, Parameter, Plastifizierzylinder, PA, PA6, PA66, PS, PC, POM, PBT, PE, PET, PMMA, PBT, PPO, PP, Plast,  Qualitätssicherung, Recycling, Rückstromsperre, RSP, Spritzgießen, Spritzguss, Spritzgußmaschine, Spritzgussverfahren, Schnecke, Spritzeinheit, Schneckendrehzahl, Schließeinheit, Schließkraft, Stangenanguss, Schmelzflussindex, Staudruck, Thermoplaste, Tunnelanguss, Teilkristalin, Umschaltpunkt, Umschaltvolumen, Verfahrensmechaniker, Verriegelungsarten, Werkstoffe, Werkzeuge, Werkzeugzuhaltekraft, Werkzeugsicherung, Werkzeugeinbau, Werkzeugbau, Werkzeugtemperatur, Werkzeuginnendruck, Zylindertemperatur">
<meta name="page-topic" content="Bildung">
<meta name="page-type" content="Private Homepage">
<meta name="audience" content="Azubis, Erwachsene, Experten, Fortgeschrittene, Profis, Schüler, Studenten"><meta http-equiv="content-language" content="de">
<meta name="robots" content="index, follow">
<link rel="stylesheet" type="text/css" href="include/designs/red_2012/style.css" />
<link rel="stylesheet" type="text/css" href="style.css" />
<title>{TITLE}</title>
</head>
<body>{_boxes_ilchsocialpanelbox}
<div id="wrapper">
<div class="classheader" id="header">{SITENAME}</div>
<div id="platzhalter"></div>
<div id="menulinks">
{_list_menunr1@
<div class="classboxenuberschrift" id="menulinkskopf">%1</div>
<div class="classboxeninhalte"  id="menulinksmitte">%2</div>
<div id="menulinksfuss"></div>}
</div>
<div id="contentdiv">
<div class="classcontent_uberschrift" id="contentkopf">&raquo; {HMENU}</div>
 <div class="classcontent_inhalt" id="content">{EXPLODE}</div>
<div id="contentfuss"></div> 
</div>
<div id="menurechts">{_list_menunr2@
<div class="classboxenuberschrift" id="menurechtskopf">%1</div>
<div class="classboxeninhalte" id="menurechtsmitte">%2</div>
<div id="menurechtsfuss"></div>}
</div>
<div id="platzhalterunten"></div>
<div class="footerlinks" id="footer">Copyright 2015 by Plast-Spritzer.de | info@plast-spritzer.de | Christopher Gottesleben, Luisenweg 13 in 29320 Hermannsburg | <a href="http://www.plast-spritzer.de/index.php?contact" title="KONTAKT" target="_new" class="footerlinks">KONTAKT</a> | CMS by <a href="http://www.ilch.de" title="CMS by ilch.de" target="_new" class="footerlinks">ilch.de</a> | Alle Rechte vorbehalten.</div>
</div>
</body>
</html>
<!-- {_list_DDDmenupoint@<strong><big>&middot;</big></strong><a %1 class="box" href="%2">%3</a><br />}
{_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
{_list_hmenubegi@<ul>}
{_list_hmenuende@</ul>}
{_list_vmenupoint@<a target="%1" class="menu" href="%2">%3</a>}
{_list_vmenubegi@}
{_list_vmenuende@}//-->


    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> 

    <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: 
    /* 	Design red_2012 Copyright by Blaubaer 
	CMS Coppyright by ilch.de
	support unter 
	www.gamerforlife-clan.de
	oder auf ilch.de
*/


body {
	margin:0;
	padding-top:5px;
	background-position:center;
	background-image:url(Bilder/hintergrundverlauf.png);
	background-repeat:repeat-x;
	background-attachment:fixed;
	background-position:top;
	background-color:#000;
}



#wrapper
{
	margin: 0 auto;
	width:1024px;
	height:auto;
	background-image:url(Bilder/wrapperbg_wiederholung.png);
	background-repeat:repeat-y;
	}
	
#header
{
	padding-top:165px;
	width:1024px;
	height:41px;
	background-image:url(Bilder/header.png);
	background-repeat:no-repeat;
	font-style:italic;
	}


#platzhalter
{
	width:1024px;
	height:12px;
	background-image:url(Bilder/platzhalter1px.png);
	background-repeat:no-repeat;}				
	
	

#menulinks
{
	width:183px;
	height:auto;
	float:left;
	}
	

#menulinkskopf
{
	padding-top:5px;
	width:183px;
	height:27px;
	background-image:url(Bilder/menu_kopf_links.png);
	background-repeat:no-repeat;
	}	

#menulinksmitte
{
	margin-bottom:10px;
	padding:0px 6px 0px 8px;
	width:171px;
	height:auto;
	background-repeat:repeat-y;
	text-align:left;
	}	

	
#contentdiv
{
	width:658px;
	height:auto;
	float:left;
	}
	
#contentkopf
{
	padding:5px 0px 0px 8px;
	width:650px;
	height:27px;
	background-image:url(Bilder/content_kopf.png);
	background-repeat:no-repeat;
	float:left;
	}
	
#content
{
	padding:8px;
	width:642px;
	height:auto;
	min-height:100px;
	background-image:url(Bilder/content_bg.png);
	background-repeat:repeat-y;
	float:left;
	}
	
#contentfuss
{
	width:658px;
	height:26px;
	background-image:url(Bilder/content_fuss.png);
	background-repeat:no-repeat;
	float:left;
	}
				



#menurechts
{
	width:183px;
	height:auto;
	float:left;
	}


#menurechtskopf
{
	padding-top:5px;
	width:183px;
	height:27px;
	background-image:url(Bilder/menu_kopf_rechts.png);
	background-repeat:no-repeat;
	}


#menurechtsmitte
{
	margin-bottom:20px;
	padding:0px 7px 0px 6px;
	width:167px;
	height:auto;
	background-repeat:repeat-y;
	text-align: center;
	}
	

	
#platzhalterunten
{
	clear:both;
	width:1024px;
	height:200px;
	background-image:url(Bilder/platzhalter1px.png);
	background-repeat:repeat-y;
	}	
	
	
	
#footer
{
	padding-top:12px;
	width:1024px;
	height:22px;
	background-image:url(Bilder/footer.png);
	background-repeat:no-repeat;
	}	

#styleswitchdiv
{
	margin:0 auto;
	padding:0;
	width:1024px;
	height:auto;
	color:#FFF;
	text-align:center;
	}	
	


.classheader 
{
	font:Arial, Helvetica, sans-serif;
	font-size:20px;
	text-align:center;
	color:#FFF;
	}
	

.classboxenuberschrift
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-decoration:underline;
	text-align:center;
	color:#F9F9F9;
	}

.classboxeninhalte b, .b:hover
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-decoration:none;
	text-align:center;
	color:#020202;
	}



.classcontent_uberschrift ,smalfont ,a.smalfont
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-decoration:none;
	text-align:left;
	color:#FFF;
	}

.classcontent_inhalt 
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	text-align:left;
	color:#000;
	}
	
.footerlinks
{
	text-decoration:none;
	text-align:center;
	color:#FFF;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}	
	
	

/*-----------------------------------------------------------------------------------------------ilch css---------------------------------------------*/
/*
	style.css für das Ilch CMS Template
	CMS Copyright by http://www.ilch.de
	
*/

a.menu
{
    display:block;
    color: #000000;
    font-size: 11px;
    width: 100%;
    height: 20px;
    text-indent: 15px;
    text-decoration: none;
    font-family:  Tahoma, Arial,Verdana, Helvetica, sans-serif;
    line-height: 19px;
	text-align:left;
}
 
 
a.menu:hover {
    display: block;
    color: rgb(255, 255, 255);
    font-size: 12px;
    background-color: rgb(168, 0, 4);
    width: 100%;
    height: 20px;
    text-indent: 20px;
    text-decoration: underline;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    line-height: 20px;
}



td
{
  font-family: Verdana;
  font-size: 12px;
}

a, .Cmite a, .Cnorm a, .Cdark a
{
  color:#000000;
	font-family: Verdana;
	font-size: 11px;
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
	color:#000;
}

a.box
{
  color:#000000;
	font-family: Verdana;
	font-size: 11px;
	text-decoration: underline;
}

a.box:hover
{
	color:#030303;
  text-decoration: none;
}



.btitle
{
	font:"Arial Black", Gadget, sans-serif;
	font-size:14px;
	font-style:normal;
	text-decoration:underline;
	color:#FFF;}




.Chead
{
  background-color:#9D0202;
  color:#F9F9F9;
}

.Chead a
{
  color:#000;
}

.Chead td, .Chead td strong, .Chead h4, .Chead td 
{
  color:#FFF;
}

.Callg
{
  background-color: #EFEFEF;
	color: #000000;
}

.Callg td
{
  color: #000000;
}

.Cnorm
{
  background-color:#F9F9F9;
}
.Cmite
{
  background-color:#F8F8F8;
}
.Cdark
{
  background-color:#FFF;
}

.rand
{
  border: solid #185685 1px;
}


.border
{
   background-color:#000;
}

hr
{	height: 0px;
	border: solid #000000 1px;
	border-top-width: 0px;
}

input, textarea, select
{
    color: #000000;
    font: 12px Verdana;
    border-color: #CCC;
  	border-width: 1px;
    border-style: solid;
    text-decoration: none;
    background-color: #EFEFEF;
	text-align:left;
}


    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