ANLEITUNG: Bookmarks am rechten Bildschirmrand

[saku70]

Mensch, welch ein Phänomen: Hier wird Dir ja echt Abwechslung geboten:

IE 9: statt der Logos nur schwarze Kästen zu sehen
FF 7: nichts, noch nicht mal der Hover zu bemerken
iPhone: sieht so aus, wie es sein soll...

[Toby]

Hat vielleicht noch jemand ein paar schicke weitere Buttons?
Zum Beispiel Google oder für einen Webkatalog?
Vielen Dank

[0815]

Ich habe eben mal versucht einen Googe+1 Button einzubauen, hat allerdings leider so gar nicht funktioniert.

[Tomcraft]

Okay, danke für die Info.

Oder kommt da jetzt noch eine Frage?

Grüße

Torsten

[0815]

Ok

Hat ggf. schon jemand mehr Erfolg beim Google +1 Button?

[Tomcraft]

Was hast du denn bisher versucht?
Lass dir doch nicht alles aus der Nase ziehen.

Grüße

Torsten

[0815]

Nun ja, mein Shop ist arg umgebaut (Multishop) und deshalb alles an anderen Stellen, als normal üblich.

In der "index.html" habe ich nur folgenden Code:

Code: PHP  [Auswählen]

{$SIDEBAR}

Den Code für die Sidebar habe ich in der "boxes.php":

Code: PHP  [Auswählen]

// Facebook, Contact, etc. Sidebar //
$domain = $_SERVER['SERVER_NAME'];
switch($domain){
case 'www.xyz.de':
$SIDEBAR ='
<a id="sys_contact" target="_self" href="/shop_content.php?coID=7" title="Kontakt" onfocus="this.blur()"></a>
<a id="sys_facebook" target="_blank" href="http://www.facebook.com/xyz" title="Facebook" onfocus="this.blur()"></a>
';
break;
}
//Sidebar End //

Laut Google soll man folgenden Code in die gewünschte html Seite einbinden:

Code: PHP  [Auswählen]

<!-- Platzieren Sie dieses Tag an der Stelle, an der die +1-Schaltfläche angezeigt werden soll. -->
<g:plusone annotation="inline"></g:plusone>

<!-- Platzieren Sie diese Render-Anweisung an einer geeigneten Stelle. -->
<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>

Da der Code bei mir in die "boxes.php" soll und das nunmal keine html Datei ist, funktioniert das so nicht.

[Tomcraft]

Und was spricht jetzt dagegen das miteinander zu verbinden?

Code: PHP  [Auswählen]

// Facebook, Contact, etc. Sidebar //
$domain = $_SERVER['SERVER_NAME'];
switch($domain){
case 'www.xyz.de':
$SIDEBAR ='
<a id="sys_contact" target="_self" href="/shop_content.php?coID=7" title="Kontakt" onfocus="this.blur()"></a>
<a id="sys_facebook" target="_blank" href="http://www.facebook.com/xyz" title="Facebook" onfocus="this.blur()"></a>
<!-- Platzieren Sie dieses Tag an der Stelle, an der die +1-Schaltfläche angezeigt werden soll. -->
<g:plusone annotation="inline"></g:plusone>

<!-- Platzieren Sie diese Render-Anweisung an einer geeigneten Stelle. -->
<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>
';
break;
}
//Sidebar End //

Du musst ja nur die Hochkommata mit Backslashes escapen.

Grüße

Torsten

[0815]

[...]
Du musst ja nur die Hochkommata mit Backslashes escapen.
[...]

Hatte ich so (oder so ähnlich) probiert und es gab eine Fehlermeldung (war im Live-System, deshalb habe ich alles schleunigst wieder zurück gesetzt).

Werde nachher den Testshop neu aufsetzten und da ausführlicher probieren und auch die Fehlermeldung dokumentieren.

[0815]

Funktioniert
Habe allerdings für's Layout noch Anpassungen vorgenommen:

Code: PHP  [Auswählen]

<div id="sys_google"><g:plusone size="medium" annotation="none"></g:plusone></div>

Code: CSS  [Auswählen]

#sys_google {
  display:scroll;
  position:fixed;
  top:349px;right:4px;
}

Danke 

[Tomcraft]

Das wollte ich auch dir überlassen, ich habe dir ja nur den Code zusammen gewürfelt.

Mal schauen, wenn ich morgen Zeit habe, dann erweitere ich die Anleitung in Beitrag 1 noch entsprechend.

Grüße

Torsten

[noRiddle (revilonetz)]

@0815

Wenn du auf validen Code Wert legst solltest du den plusone-Button so einbetten:

Code: PHP  [Auswählen]

<div class="g-plusone"></div>

Grüsse,
noRiddle

Nachtrag: Ohne die Anleitung gelesen zu haben:
Was soll eigentlich

Code: CSS  [Auswählen]

display:scroll;

für 'ne CSS-Angabe sein ?
Das validiert nie und nimmer und was soll es bewirken ?

[Toby]

Könntest du vielleicht nochmal eine komplette Anleitung kurz schreiben, wo du was geändert hast, damit der g+ button auch unter den anderen Bildschirm Buttons auftaucht?

Danke

[0815]

@0815

Wenn du auf validen Code Wert legst solltest du den plusone-Button so einbetten:

Code: PHP  [Auswählen]

<div class="g-plusone"></div>

[...]

Darauf habe ich noch nie Wert gelegt.

[...]
Nachtrag: Ohne die Anleitung gelesen zu haben:
Was soll eigentlich

Code: CSS  [Auswählen]

display:scroll;

für 'ne CSS-Angabe sein ?
Das validiert nie und nimmer und was soll es bewirken ?

Frag den Herrn aus dem ersten Beitrag (Anleitung).
Es funktioniert alles, das reicht mir aus.

Bei unseren Shops ist sicherlich so vieles nicht valide und wir verkaufen trotzdem. Ergo gibt es für mich wichtiger als das i-Tüpfelchen der perfekten, validen Webseite.

[noRiddle (revilonetz)]

Das hat einen gravierenden Nachteil.
Ich verstehe, daß die Prämisse für dich das Funktionieren ist, was auch sonst.
Es ist allerdings nicht abzusehen, was zukünftige immer besser werdende (hoffentlich) Browser mit solchen Angaben machen.
Tags wie

Code: PHP  [Auswählen]

<g:plusone>

gibt es weder in HTML noch, wie hier nötig, in XHTML.
Auch wenn Google meint es könne eine Extrawurst spielen.

Die CSS Eigenschaft "display" gibt es gar wohl, nicht aber das Attribut "scroll" in diesem Zusammenhang.
Auch hier weiß man nicht was zukünftige Browser damit machen werden.
(Ich verstehe nicht einmal was es hier bewirken soll.)

Die Entwickler haben lange mit Krücken wie Internetexplorer 5.5 und 6 gekämpft, die aus standardkonformem Code teilweise haarstreubende Ergebnisse "gezaubert" haben.
Moderne Browser sind nun wegen Rückwärtskompatibilität sehr tolerant aber wenn nicht alle auf standardkonformen Code achten (oder so viele wie möglich), dann "zwingen" wir die Entwickler der Browser auch nicht sich an den vom W3C vorgegebenen Standard zu halten.

Das Hauptargument ist jedoch:
Was machen zukünftige standardkonforme Browser mit solchem Code wie hier angewendet.

Grüsse,
noRiddle

Nachtrag: Als Anwender verstehe ich dich, 0815.
In diesem Forum jedoch, welches doch einen gewissen Anspruch hat, sollte man Code wie den hier kritisierten auf jeden Fall nicht unkommentiert stehen lassen.