moziloCMS Supportforum

moziloCMS => Wie kann ich...? => Thema gestartet von: palma am 09. Oktober 2012, 21:41:29

Titel: Button "i like" + icon auf meiner Seite einbinden?
Beitrag von: palma am 09. Oktober 2012, 21:41:29
Hallo!

Ich habe die Version 1.12.beta4 ("Amalia") installiert und habe 2 Fragen... wäre echt klasse, wenn jemand eine Antwort darauf hat:
- Wie kann ich den Facebook-Button "i like" auf meiner Seite einbinden?
- Kann ich ein Icon in meine Seite einbinden? Sprich wenn man die Seite öffnet sieht man neben dem Seitennamen, der oben im Browsertab angezeigt wird noch ein kleinen Icon das ich erstelle.

Danke schonmal & Viele Grüße,
Palma
Titel: Re: Button "i like" + icon auf meiner Seite einbinden?
Beitrag von: HPdesigner am 09. Oktober 2012, 22:00:49
[html|] Tag auf deiner Seite einbinden kannst. Den Code gibt die google.[/list]
deinmozilo/layouts/deinlayout/favicon.ico[/list]
Titel: Re: Button "i like" + icon auf meiner Seite einbinden?
Beitrag von: palma am 16. Oktober 2012, 22:40:31
Mit dem Favicon hat geklappt - danke!

Bzgl. dem Facebook "i-like"-Button:
Habe mir den HTML-Code über diese Seite https://developers.facebook.com/docs/re ... gins/like/ (https://developers.facebook.com/docs/reference/plugins/like/) geholt. Allerdings wenn ich ihn zusammen mit [html|....] in eine Inhaltsseite eingebe, funktioniert es nicht. Muss ich noch irgendwas ändern?

Danke & LG, Palma
Titel: Re: Button "i like" + icon auf meiner Seite einbinden?
Beitrag von: wasp am 17. Oktober 2012, 09:14:23
Hi!
Im generierten Code "Pipes" | , die geschwungenen { , } und eckigen Klammern [ und ] jeweils mit Hochpfeil maskieren also z.B. ^[ oder ^} ...
Hintergrund: Diese Zeichen finden Verwendung in der CMS-Syntax, siehe auch:
http://www.mozilo.de/index.php?cat=Tipps%20und%20Tricks&page=Gesch%C3%BCtzte%20Syntax-Zeichen%20darstellen
Titel: Re: Button "i like" + icon auf meiner Seite einbinden?
Beitrag von: palma am 21. Oktober 2012, 16:33:41
Bei mir klappts immer noch nicht.....

Ich habe jetzt über die Seite einen Code bekommen der am Anfang und Ende so aussieht: <div class="fb-like" data-send="false" ..... data-colorscheme="light"></div>

Davor habe ich jetzt ^[html| und danach ^] gesetzt und in eine Inhaltsseite eingegeben. Jetzt zeigt er mir auf der Seite einfach den Code nur mit [html| davor und ] danach an....

Irgendwas mache ich falsch?!?

Dankt & LG
Titel: Re: Button "i like" + icon auf meiner Seite einbinden?
Beitrag von: HPdesigner am 21. Oktober 2012, 16:40:25
Zitat von: "palma"^[html| und danach ^] gesetzt
Ups, so war das nicht gemeint ;) du musst um den "facebook code" ganz normal das html tag setzen und alle pipes, eckigen und geschweiten klammern, die sich IN DIESEM TAG befinden, musst du mit dem hochdach escapen.
Bsp:
[html|<div>... ^| ... </div>]
Titel: Re: Button "i like" + icon auf meiner Seite einbinden?
Beitrag von: palma am 21. Oktober 2012, 17:55:44
Ohjee... ich komme nicht klar...

Ich kann verschiedene Codes anfordern: HTML5 o. XFBML o. IFRAME o. URL
Habe jetzt immer HTML 5 genommen. Und da gibt es 2 Schritte:
1. Include the JavaScript SDK on your page once, ideally right after the opening <body> tag.
2. Place the code for your plugin wherever you want the plugin to appear on your page.

Habe beim ersten Code alle entsprechenden Stellen mit einem ^ versehen.... Wo kommt dann der Zweite hin?
Hier ist nochmal der Link von der Seite wo man die Code herbekommt; http://developers.facebook.com/docs/ref ... gins/like/ (http://developers.facebook.com/docs/reference/plugins/like/)

Ich stehe total auf dem Schlauch... verstehe nicht wie das gehen soll?
Wär echt cool wenn mir jemand helfen kann.
Titel: Re: Button "i like" + icon auf meiner Seite einbinden?
Beitrag von: stefanbe am 21. Oktober 2012, 21:09:16
erst solteste das mal lesen
http://www.heise.de/ct/artikel/2-Klicks-fuer-mehr-Datenschutz-1333879.html

und dann nach der anleitung das direct in die template.html einbauen
http://www.heise.de/extras/socialshareprivacy/

lg stefanbe
Titel: Re: Button "i like" + icon auf meiner Seite einbinden?
Beitrag von: palma am 28. Oktober 2012, 11:54:37
Ohjeee... ich kenne mich leider viel zu wenig aus um das zu hinzubekommen...

Kannst du mir irgendwie das einfach erklären? Oder gibts eine einfache Lösung??
Wär cool...

LG, Palma
Titel: Re: Button "i like" + icon auf meiner Seite einbinden?
Beitrag von: wasp am 01. November 2012, 10:04:44
Hallo! Ich bin (wie einige hier) nicht der grösste Fan von fb Habe dennoch mal exemplarisch die zwei HTML(5)-Codes überflogen und im ersten die geschwungenen und "inneren" eckigen Klammern maskiert (=geschützt). Vorzugsweise solltest Du Code1 in einer versteckten Seite abspeichern, diese kannst Du dann immer wenn Du einen Button setzen möchtest per "[include|Seitenname]" wiederverwenden. Du kannst aber auch beide Codes direkt in die jeweilige Seite einbinden. In Code2 musst Du natürlich die Adresse/URL noch für jeden Button den Du setzt anpassen. Ein klarer "Kandidat" für ein benutzerdefiniertes Syntaxelement ...
  ;)

"Code1" (komplett kopieren und im Editor einfügen):
[html|<div id="fb-root"></div>
<script>(function(d, s, id) ^{
  var js, fjs = d.getElementsByTagName(s)^[0^];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/de_DE/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
^}(document, 'script', 'facebook-jssdk'));</script>]
-und-
"Code2" (komplett kopieren und im Editor einfügen):
[html|<div class="fb-like" data-href="HTTP://WWW.ADRESSE-ANPASSEN.DE" data-send="true" data-width="450" data-show-faces="true"></div>]Trotz allem rate ich dazu die Bedenken und Hinweise von stefanbe ein paar Posts vorher nicht einfach zu ignorieren ...

Viel Erfolg!  :)

P.S.: Wenn Du bei developers.facebook... die Option 2 "Sendbutton" abschaltest, kannst Du iframe-Code generieren lassen, der ohne Änderungen im [HTML|code] - Element laufen sollte...