• Seite 1 von 2
  • 1
  • 2
  • »
Facebook Share- & Like-Button
ZerZero
Beiträge: 17
Ruf: 0
Beitrag # 1 | 12:59
Hi ich versuche nun bereits seit einigen Tagen meine Page mit Web2.0-Elementen aufzuwerten.
Deutsche Tutorials, Englische Tutorials, Quelltexte anderer Seiten und doch scheitere ich jedesmal.

Ich habe gesehen, dass noobishrabbit z.B. auf seiner BMX-Site eine Realisierung meiner Idee geschafft hat.
TOP1: Worum es mir geht ...

Ich möchte gerne einen Button unter bestimmten Inhalten meiner Page (wie z.B. Blog-Einträgen / News-Einträgen / Fotos),
über denen ich meinen Besuchern die Möglichkeit bieten kann auf ihrem Facebook-Account meine Inhalte zu präsentieren (Share)
am besten wäre es sogar, dieses mit einem "Gefällt mir" (Like) zu kombinieren.

Laut Facebook Developers soll das eigentlich ganz einfach sein.
Share-Button: http://www.facebook.com/share/
Like-Button: http://developers.facebook.com/docs...._Button

Wichtig bei der ganzen Sache ist mir, dass ganz gleich welchen Button ich integriere auf dem Facebookaccount des Users nicht einfach nur der Text:
"FACEBOOKUSER gefällt ZerZeros Homepage" erscheint, sondern ein Bild dabei sein soll und eine Beschreibung des ganzen.
Dies ist aber nur durch META-Tags im Header zu realisieren.

TOP2: Wo liegt das Problem ???
Das Problem ist, dass ein ganz wichtiger META-Tag der Direct-Link zu einem Beitrag sein muss und ich diesen nicht bekomme.
Wie kann ich also dieses Problem angehen bzw. lösen ?

Ich hoffe jemand kann mir helfen und vieleicht ist es je noobishrabbit ;DDD

VG und ein dank vorab,
Stefan


Das wichtigste an einer Kamera, ist der Kopf dahinter !!!

http://www.zerzero.de (Glamour-, Highfashion- & Fantasyart-Photographie)

Cheburator
Beiträge: 2172
Ruf: 83
Beitrag # 2 | 16:53
Ganz einfach Widgets! Also für den Share Button gibt es den Widget - Social Bookmarks es beinhaltet folgende Seiten fürs Sharing - Twitter, Facebook, digg, und mehr.
Like-Button:
Code
<iframe src="http://www.facebook.com/plugins/like.php?href=http://link zur website.de&layout=standard&show_faces=true&width=450&action=like&font=arial&colorscheme=light&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>
füge den code da ein wo du ihn haben willst.


Meine uCoz Website: uScripts.de
Mein Blog: *Soon*
alfabm
Beiträge: 748
Ruf: 14
Beitrag # 3 | 17:19
Cheburator, ist echt su0per aber da haben wir das Problem mi9t den Iframes wieder sind die da erlaubt oder wie jetzt? questionmark

Cheburator
Beiträge: 2172
Ruf: 83
Beitrag # 4 | 18:01
alfabm, ja und nein. Das weiß ich selbst nicht so genau, es benutzen viele Benutzer iframe!


Meine uCoz Website: uScripts.de
Mein Blog: *Soon*
alfabm
Beiträge: 748
Ruf: 14
Beitrag # 5 | 17:05
naja aber eine richtige Regelung muss ja da nun aber auch mal geschaffen werden.
Das ist meine Meinung.Hü oder Hot was nun ich weiß das du das nicht bestimmen darfst.
Aber blöd ist das schon oder nicht?

Cheburator
Beiträge: 2172
Ruf: 83
Beitrag # 6 | 17:13
alfabm, ja schon. Also von mir aus könnt Ihr alle iframe benutzen, aber wie die das alle von uCoz sehen das weiß ich nicht.
Bin ja kein mitarbeiter von uCoz biggrin


Meine uCoz Website: uScripts.de
Mein Blog: *Soon*
ZerZero
Beiträge: 17
Ruf: 0
Beitrag # 7 | 20:08
Aaaaalso ... Problem ist soweit gelöst (mit jedem gelösten tauchen bekanntlich zwei neue auf).
Das Geheimniss der Problemlösung sind spezielle META-Tags die in einem Format genannt "OpenGraph" integriert werden müssen,
das Problem ist nur:

UCOZ speichert irgendwo unsichtbar und nicht editierbar einmal gesetzte OpenGraph-MetaTags.
Beispiel:

Um die Funktionsweise zu testen, habe ich funktionierende METAs von der IMDB-Homepage genommen (in diesem Falle spez. von "The Rock").
Mittlerweile habe ich die METAs umgeändert in Daten, die meine Page beschreiben. Egal! Überall wo ich das Widget einbinde postet das Ding:

ZerZero likes The Rock.

Weiß jemand wie ich den Cache meiner Seite resete ???
Is schon doof, wenn ich nen neuen Modelshot online stelle und jemand der den Like-Button drückt findet auf seinem Profil "XYZ like the Rock" *narf*
Vielen Dank wiedereinmal im Vorraus


Das wichtigste an einer Kamera, ist der Kopf dahinter !!!

http://www.zerzero.de (Glamour-, Highfashion- & Fantasyart-Photographie)

MyLadyCeline
Beiträge: 8
Ruf: 0
Beitrag # 8 | 10:31
Ganz einfach Widgets! Also für den Share Button gibt es den Widget - Social Bookmarks es beinhaltet folgende Seiten fürs Sharing - Twitter, Facebook, digg, und mehr.
Like-Button:
Code
<iframe src="http://www.facebook.com/plugins/like.php?href=http://link zur website.de&layout=standard&show_faces=true&width=450&action=like&font=arial&colorscheme=light&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>
füge den code da ein wo du ihn haben willst.

Also der Code funktioniert nicht ganz richtig, leider, bekomme immer folgende Fehlermeldung: Für dieses Widget oder diese API muss eine URL angegebenen werden.

Was muss ich in den Code noch einfügen ??

lilu
Beiträge: 1590
Ruf: 47
Beitrag # 9 | 11:55
MyLadyCeline, willkommen auf uCoz!
Der Fehler ist im LInk:
Code
iframe src="http://www.facebook.com/plugins/like.php?href=http://link zur website.de&layout=standard&show_faces=true&width=450&action=like&font=arial&colorscheme

Im welchen Modul und wo willst du dieses Button einfügen?


Macht sich mit uCoz FAQ und Forum Regeln bekannt, bevor ihr Fragen stellt.
uCoz Video Tutorials
MyLadyCeline
Beiträge: 8
Ruf: 0
Beitrag # 10 | 13:38
wollte diesen button unten in meine hp einbauen

habs jetzt heraus gefunden, goggle sei dank smile mit dem code hats funktioniert

Code
<iframe src="http://www.facebook.com/plugins/like.php?href=hp url eintragen"   
   scrolling="no" frameborder="0"   
   style="border:none; width:450px; height:80px"><iframe>
Beitrag wurde von MyLadyCeline - Mittwoch, 04.05.2011, 16:14 bearbeitet
SHA$DOW
Beiträge: 10
Ruf: 0
Beitrag # 11 | 01:06
Hey leute
Noob meldet sich zu worde ich wollte den faceboock like butten wie alle anderen hir auch
bloß es ging nicht was n wunder hab alles gemacht wie in der anleitung doch nichts passierte
ich will es
im blog unten rechts haben anstadt diesen sternen
PLS help

ich konnte noch nie was
===>fail-4-evr.at.ua<===
Sagte der hase
/) /)
=( ' ; ' )=
,,("),("),,
lilu
Beiträge: 1590
Ruf: 47
Beitrag # 12 | 11:03
SHA$DOW, schau mal dieses Video:
http://video.ucoz.de/load....-1-0-42

MFG

Macht sich mit uCoz FAQ und Forum Regeln bekannt, bevor ihr Fragen stellt.
uCoz Video Tutorials
SHA$DOW
Beiträge: 10
Ruf: 0
Beitrag # 13 | 16:16
hey erst ma voll cool das so schnel einer was geschrieben hat
aber ich hab genau nach demviedeo alles gemacht das erste nach

<body style="background-color:#111C1D; margin:0px; padding:0px;">
(HIR)
$ADMIN_BAR$
eingefügt und denn 2ten codgenau

<?if($RATING$)?>| <!--<s3119>-->Bewertung<!--</s>-->: <span id="entRating$ID$">$RATING$(HIR)</span>/<span id="entRated$ID$">$RATED$</span><?endif?></td></tr>

dan gesichert und zack bum auf der hp waren immer noch die sterne
hoffe könnt mein fehler finden

MFG
SHA$DOW

ich konnte noch nie was
===>fail-4-evr.at.ua<===
Sagte der hase
/) /)
=( ' ; ' )=
,,("),("),,
Kasach
Beiträge: 726
Ruf: 13
Beitrag # 14 | 17:14
hey,

Suche und entfernen folgenden Code (sieht ungefähr wie folgt aus):
Code
<?($RSTARS$,'','')?>


MfG
Kasach

Neu bei der uCoz Gemeinschaft? Lese unseren Willkommens Thread.
SHA$DOW
Beiträge: 10
Ruf: 0
Beitrag # 15 | 10:29
so hab alles versucht was ich gesagt habt
poste jetzt das skript vill findet ihr den fehler mein latain ist am ende

Code
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<title>$TITLE_BAR$ - $SITE_NAME$</title>
<?$META_DESCRIPTION$?>
<link type="text/css" rel="StyleSheet" href="/.s/src/css/351.css" />
</head>

<body style="background-color:#111C1D; margin:0px; padding:0px;">
<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>
$ADMIN_BAR$

$GLOBAL_AHEADER$

<table cellpadding="0" cellspacing="0" border="0" width="100%" style="padding: 0px;"><tr><td width="100%" align="center">

<!-- <middle> -->
<div style="position:absolute; top:11px; left:15px;">[img]/.s/t/351/10.gif[/img]</div>
<?if($LOGIN_FORM$)?><div style="position:absolute; top:11px; right:15px;background:url('/.s/t/351/11.jpg');height:213px;width:179px;">
<table border="0" cellpadding="0" cellspacing="0" height="200" width="179">
<tr><td align="center" valign="bottom" height="70">[b]<!--<s5158>-->Einloggen<!--</s>-->[/b]</td></tr>
<tr><td align="center" valign="top" style="padding:7px;">$LOGIN_FORM$</td></tr>
</table>

</div><?endif?>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top" width="250" style="background:url('/.s/t/351/12.jpg');">
<table cellpadding="0" cellspacing="0" border="0" height="5"><tr><td>[img]/.s/t/351/13.jpg[/img]</td></tr></table>

$GLOBAL_CLEFTER$
<table cellpadding="0" cellspacing="0" border="0" height="42"><tr><td>[img]/.s/t/351/17.gif[/img]</td></tr></table>
</td>

<td valign="top" style="padding:5px;" rowspan="2">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr><td height="35" width="33">[img]/.s/t/351/18.gif[/img]</td><td height="35" style="background:url('/.s/t/351/19.gif');"></td><td height="35" width="33">[img]/.s/t/351/20.gif[/img]</td></tr>
<tr><td style="background:url('/.s/t/351/21.gif');"></td><td style="background:#18292A;"><!-- <body> --><a href="$MODULE_URL$"><!--<s5176>-->Hauptseite<!--</s>--></a> » $DATE_BAR$ » $ENTRY_NAME$
[hr]

<table border="0" width="100%" cellspacing="1" cellpadding="2" class="eBlock">
<tr><td width="90%"><div class="eTitle"><div style="float:right;font-size:9px;">$ADD_TIME$ $MODER_PANEL$</div>$ENTRY_NAME$</div></td></tr>
<tr><td class="eMessage">$MESSAGE$ <?if($ATTACHMENTS$)?><div style="text-align:left;" class="eAttach"><!--<s3172>-->Anhänge<!--</s>-->: $ATTACHMENTS$</div><?endif?></td></tr>
<tr><td class="eDetails">
<?if($RATING$)?><div style="float:right"><?$RSTARS$('12','/.s/img/stars/3/12.png','1','float')?></div>
<?endif?><?if($CAT_NAME$)?><!--<s3179>-->Kategorie<!--</s>-->: <a href="$CAT_URL$">$CAT_NAME$</a> |<?endif?>
<!--<s3177>-->Aufrufe<!--</s>-->: $READS$ |
<!--<s3178>-->Hinzugefügt von<!--</s>-->: <a href="$PROFILE_URL$">$USER$</a>
<?if($TAGS$)?> | <!--<s5308>-->Tags<!--</s>-->: $TAGS$<?endif?>
<?if($RATING$)?>| <!--<s3119>-->Bewertung<!--</s>-->: <span id="entRating$ID$">$RATING$<div class="fb-like" data-href="http://fail-4-ever.at.ua/" data-send="true" data-layout="button_count" data-width="450" data-show-faces="true"></div></span>/<span id="entRated$ID$">$RATED$</span><?endif?></td></tr>
</table>

<?if($COM_IS_ACTIVE$)?>
<?if($COM_CAN_READ$)?>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr><td width="60%" height="25"><!--<s5183>-->Kommentare insgesamt<!--</s>-->: [b]$COM_NUM_ENTRIES$[/b]</td><td align="right" height="25">$COM_PAGE_SELECTOR$</td></tr>
<tr><td colspan="2">$COM_BODY$</td></tr>
<tr><td colspan="2" align="center">$COM_PAGE_SELECTOR1$</td></tr>
<tr><td colspan="2" height="10"></td></tr>
</table>
<?endif?>

<?if($COM_CAN_ADD$)?>
$COM_ADD_FORM$
<?else?>
<?if($USER_LOGGED_IN$)?><?else?>[c]<!--<s5237>-->Nur registrierte Benutzer können Kommentare hinzufügen.<!--</s>-->
[ <a href="$REGISTER_LINK$"><!--<s3089>-->Registrierung<!--</s>--></a> | <a href="$LOGIN_LINK$"><!--<s3087>-->Login<!--</s>--></a> ][/c]<?endif?>
<?endif?>
<?endif?><!-- </body> --></td><td style="background:url('/.s/t/351/22.gif');"></td></tr>
<tr><td height="35" width="33">[img]/.s/t/351/23.gif[/img]</td><td height="35" style="background:url('/.s/t/351/24.gif');"></td><td height="35" width="33">[img]/.s/t/351/25.gif[/img]</td></tr>
</table>
</td>

</tr>
<tr><td height="5"><table cellpadding="0" cellspacing="0" border="0" height="5"><tr><td>[img]/.s/t/351/26.jpg[/img]</td></tr></table></td></tr>

</table>
<!-- </middle> -->

</td></tr></table>

$GLOBAL_BFOOTER$

</body>


Zugefügt (20.11.2012, 10:29)
---------------------------------------------
sry leute hat geklappt aber es ersetzt nicht die bewertungs sterne sondern ist hinter deinem namen O.o
bitte um hilfe

und an den über mir danke hat weiter gebracht blos der ist nicht da wo er sein sollte

ich konnte noch nie was
===>fail-4-evr.at.ua<===
Sagte der hase
/) /)
=( ' ; ' )=
,,("),("),,
Beitrag wurde von SHA$DOW - Dienstag, 20.11.2012, 10:34 bearbeitet
  • Seite 1 von 2
  • 1
  • 2
  • »
Suche: