| Autor |
Nachricht |
-
Nightfall-sf11game
|
 18.08.2013 um 20:20 (UTC)
Titel: Google +1 Button einblenden |
|
|
Abend zusammen,
Gibt es eine Möglichkeit, den +1 Button von Google im Header links unten einzublenden? Dort befindet sich auch Facebook Button. ______________ mit freundlichen Grüßen
P.S. Wer Rechtschreibfehler findet, darf sie behalten 
Zuletzt bearbeitet von Nightfall-sf11game am 19.08.2013, 06:00, insgesamt einmal bearbeitet
|
|
|
↑
|
|
 |
|
|
19.08.2013 um 05:03 (UTC)
Titel: |
|
|
Hallo,
natürlich ist das möglich . Dafür lässt du dir erstmal auf der Google-Webseite einen entsprechenden Button-Code generieren. Diesen bindest du anschließend in deine Webseite mit deiner DIV-Box ein, die du absolut positionierst. Wichtig ist außerdem der "Z-INDEX". Mit diesem kannst du quasi auf der Z Achse mehrere Ebenen über einander stapeln. z.B. dein Header hat den Z-INDEX 0 und die DIV-Box mit dem Google Button den Z-INDEX 10. Dann wird der Google-Button über deinem Header angezeigt.
Versuch dich einfach mal dran und wenn du fragen hast, stehen wir dir gerne zur Seite.
Beste Grüße,
Mats |
|
|
↑
|
|
|
-
Nightfall-sf11game
|
19.08.2013 um 08:35 (UTC)
Titel: |
|
|
Erst mal danke für deine Antwort
Für google habe ich mir schon den Code generiert. Aber jetzt weiß ich nicht richtig, wie das gegen soll. Naja... ich kenne mich da nicht so gut aus  ______________ mit freundlichen Grüßen
P.S. Wer Rechtschreibfehler findet, darf sie behalten |
|
|
↑
|
|
|
|
|
|
|
↑
|
|
|
-
Nightfall-sf11game
|
19.08.2013 um 11:47 (UTC)
Titel: |
|
|
ok danke, ich werde es mal probieren.
melde mich dann nochmal ______________ mit freundlichen Grüßen
P.S. Wer Rechtschreibfehler findet, darf sie behalten |
|
|
↑
|
|
|
-
Nightfall-sf11game
|
19.08.2013 um 12:19 (UTC)
Titel: |
|
|
ok, ich habs versucht, aber der button will nicht von dem eck weg.
es gibt ja im internt so viele anbieter, die dir einen Button von +1 google erstellen.
vielleicht ist das der Fehler. jetzt habe ich von Goggle selber den Code mir geben lassen, aber mit diesen kann ich nicht so viel anfangen:
Zitat:
<!-- Fügen Sie dieses Tag an der Stelle ein, an der die +1-Schaltfläche erscheinen soll. -->
<div class="g-plusone"></div>
<!-- Fügen Sie dieses Tag nach dem letzten +1-Schaltfläche-Tag ein. -->
<script type="text/javascript">
window.___gcfg = {lang: 'de'};
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
Oder ist da was falsche?
Gibt es Anbieter die einen den Code richtig machen?
oder hier im Forum, die den Button an die Richtige stelle bringen? ______________ mit freundlichen Grüßen
P.S. Wer Rechtschreibfehler findet, darf sie behalten
Zuletzt bearbeitet von Nightfall-sf11game am 19.08.2013, 13:25, insgesamt 2-mal bearbeitet
|
|
|
↑
|
|
|
|
|
19.08.2013 um 12:31 (UTC)
Titel: |
|
|
Heyho,
ich bastel dir das sonst mal eben zusammen.
Also das alles muss in das Feld "Text über dem Design":
Zitat: <style type="text/css">
#google_button{
position: absolute;
z-index: 500;
width: 200px;
height: 50px;
border: 0px solid black;
padding: 5px;
top: 300px;
margin-left: -200px;
left: 50%;}
</style>
<div id="google_button">
<!-- Fügen Sie dieses Tag an der Stelle ein, an der die +1-Schaltfläche erscheinen soll. -->
<div class="g-plusone"></div>
<!-- Fügen Sie dieses Tag nach dem letzten +1-Schaltfläche-Tag ein. -->
<script type="text/javascript">
window.___gcfg = {lang: 'de'};
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
</div>
Im oberen Teil definierst du quasi das Aussehen der Box, in der der Google +1 Button aufgeführt werden soll. Im zweiten Teil rufst, du diesen quasi auf und fügst den Button als Inhalt ein.
Das Positionieren funktioniert wie in einem Koordinaten-System. top gibt den Abstand vom oberen Bildschirmrand an und margin-left den Abstand vom Linken. Hierbei sind positive, sowie negative Zahlenwerte möglich.
Ich hoffe, dass ich dir helfen konnte.
Beste Grüße,
Mats |
|
|
↑
|
|
|
-
Nightfall-sf11game
|
19.08.2013 um 12:46 (UTC)
Titel: |
|
|
danke, du bist mein Held
noch ein bisschen verändern, aber dass kann ich dann selber.
habe im oberen Teil in stück falsch gemacht 
Aber der Button hängt ja dann von der Bildschirmbreite und nicht von der Homepage ab?!?!?
Da wäre ja dann der google Button nicht immer an der richtigen stelle. hmm...
Das wäre dann ein Verbesserungsvorschlag, das man Buttons in den Einstellungen auswählen kann, die man hinzufügen will.
Und so kann man jetzt jede einzelne Seite der Homepage "+1 geben". Das macht dann nicht so recht viel Sinn?
Auf jeden Fall werde ich es so behalten
Vielleicht gibt es ja für dieses Problem noch eine Lösung ______________ mit freundlichen Grüßen
P.S. Wer Rechtschreibfehler findet, darf sie behalten
Zuletzt bearbeitet von Nightfall-sf11game am 19.08.2013, 15:35, insgesamt 4-mal bearbeitet
|
|
|
↑
|
|
|
-
Nightfall-sf11game
|
23.08.2013 um 23:16 (UTC)
Titel: |
|
|
Ich habe es mit % statt Pixel gemacht und das hat gut funktioniert. Nur ist er jetzt immer schön über oder unter dem Facebook button. Der soll aber genau gleich unter dem like button sein.
Was kann man da machen?! 
Bzw. Wie muss ich den Code ändern?! ______________ mit freundlichen Grüßen
P.S. Wer Rechtschreibfehler findet, darf sie behalten |
|
|
↑
|
|
|
-
Nightfall-sf11game
|
28.08.2013 um 14:16 (UTC)
Titel: |
|
|
Ich hab's jetzt umgeändert.
Thema kann geschlossen werden ______________ mit freundlichen Grüßen
P.S. Wer Rechtschreibfehler findet, darf sie behalten |
|
|
↑
|
|
|
|
