[SOLVED] Κουμπι Facebook Like για διαφορετικα αρθρα στην ιδια σελιδα

Ερωτήσεις και απαντήσεις σχετικές με την HTML, XHTML και την κατασκευή σελίδων για το Web.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
ideal
Δημοσιεύσεις: 302
Εγγραφή: 12 Φεβ 2011 16:26

[SOLVED] Κουμπι Facebook Like για διαφορετικα αρθρα στην ιδια σελιδα

Δημοσίευση από ideal » 10 Ιουν 2013 12:59

Καλημερα. Εχω το εξης θεματακι. Εχω διαφορες περιοχες (ας τις πουμε "αρθρα" γιατι ειναι λιγο πολυπλοκο να εξηγησω) μεσα στη σελιδα μου οι οποιες δουλευουν σαν ακορντεον (πατωντας ανοιγει το περιεχομενο). Τα αρθρα δηλαδη δεν ανοιγουν σε ξεχωριστη σελιδα αλλα στην ιδια σελιδα.
Θελω να βαλω σε καθε "αρθρο" ενα κουμπι Like με διαφορετικο μετρητη για καθε αρθρο και αν γινεται να στελνει και διαφορετικες πληροφοριες (og meta) αλλα αντιμετωπιζω προβλημα. Ξερει κανεις πως γινεται αυτο;

Σας ευχαριστω.
Τελευταία επεξεργασία από το μέλος ideal την 10 Ιουν 2013 15:20, έχει επεξεργασθεί 1 φορά συνολικά.
Δεν μπορούμε να λύσουμε τα προβλήματά μας χρησιμοποιώντας τον ίδιο τρόπο σκέψης που χρησιμοποιήσαμε όταν τα δημιουργήσαμε. -Α. Einstein

Rent a Car

Άβαταρ μέλους
ideal
Δημοσιεύσεις: 302
Εγγραφή: 12 Φεβ 2011 16:26

[SOLVED] Κουμπι Facebook Like για διαφορετικα αρθρα στην ιδια σελιδα

Δημοσίευση από ideal » 10 Ιουν 2013 14:46

Εχω κανει το εξης που διαβασα σε μια σελιδα αλλα δε δουλευει σωστα:

Κυρια Σελιδα:

Κώδικας: Επιλογή όλων

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8" >
	<title>Test</title>
	<meta name="keywords" content="test" >
	<meta name="description" content="This is a Facebook Like Button Test." >
	<meta property="fb&#58;app_id" content="1111111111111111"/>
	<meta property="fb&#58;admins" content="1111111111111111"/>
	<meta property="og&#58;title" content="My page - Property Title"/>
	<meta property="og&#58;type" content="website"/>
	<meta property="og&#58;site_name" content="My page - Site Name"/>
	<meta property="og&#58;url" content="http&#58;//www.mypage.gr/?url=main-url"/>
	<meta property="og&#58;image" content="http&#58;//www.mypage.gr/images/image.jpg"/>
	<meta property="og&#58;description" content="This is the description property."/>

	<style>
	.step&#123;
		width&#58;300px;
		height&#58;50px;
		padding&#58;20px;
		border&#58; 1px red dotted;
	&#125;
	</style>
	
</head>

<body>
<!-- Facebook Like Script -->
<script src="https&#58;//developers.facebook.com/docs/reference/javascript/"></script>
<div id="fb-root"></div>

<!-- Facebook Like Script Part 2 -->
<script>&#40;function&#40;d, s, id&#41; &#123;
  var js, fjs = d.getElementsByTagName&#40;s&#41;&#91;0&#93;;
  if &#40;d.getElementById&#40;id&#41;&#41; return;
  js = d.createElement&#40;s&#41;; js.id = id;
  js.src = "//connect.facebook.net/el_GR/all.js#xfbml=1&appId=49851700966";
  fjs.parentNode.insertBefore&#40;js, fjs&#41;;
&#125;&#40;document, 'script', 'facebook-jssdk'&#41;&#41;;</script>

<div class="step">
	This is my first dotted!
	<!-- Facebook Like Button -->
	<div class="fb-like" data-href="http&#58;//mypage.gr/like1.html" data-send="false" data-layout="button_count" data-width="90" data-show-faces="false"></div>
</div>
<div class="step">
	This is my second facebook like button&#58; 
	<!-- Facebook Like Button -->
	<div class="fb-like" data-href="http&#58;//mypage.gr/like2.html" data-send="false" data-layout="button_count" data-width="90" data-show-faces="false"></div>
</div>
<div class="step">
	And this is my third<br>
	<!-- Facebook Like Button -->
	<div class="fb-like" data-href="http&#58;//mypage.gr/like3.html" data-send="false" data-layout="button_count" data-width="90" data-show-faces="false"></div>
</div>
</body>
</html>
Σελιδα για Κουμπι 1:

Κώδικας: Επιλογή όλων

<html xmlns&#58;og="http&#58;//ogp.me/ns#">
<head>
<title>Cretan Sports Cycling - Title</title>
	<meta property="fb&#58;app_id" content="1111111111111111"/>
	<meta property="fb&#58;admins" content="1111111111111111"/>
	<meta property="og&#58;title" content="My page - Property Title"/>
	<meta property="og&#58;type" content="website"/>
	<meta property="og&#58;site_name" content="My page - Site Name"/>
	<meta property="og&#58;url" content="http&#58;//www.mypage.gr/?url=main-url"/>
	<meta property="og&#58;image" content="http&#58;//www.mypage.gr/images/image.jpg"/>
	<meta property="og&#58;description" content="This is the description property."/>
</head>
<body>
</body>
</html>
Σελιδα για Κουμπι 2:

Κώδικας: Επιλογή όλων

<html xmlns&#58;og="http&#58;//ogp.me/ns#">
<head>
<title>Cretan Sports Cycling - Title</title>
	<meta property="fb&#58;app_id" content="1111111111111111"/>
	<meta property="fb&#58;admins" content="1111111111111111"/>
	<meta property="og&#58;title" content="My page - Property Title 2"/>
	<meta property="og&#58;type" content="website"/>
	<meta property="og&#58;site_name" content="My page - Site Name 2"/>
	<meta property="og&#58;url" content="http&#58;//www.mypage.gr/?url=main-url2"/>
	<meta property="og&#58;image" content="http&#58;//www.mypage.gr/images/image2.jpg"/>
	<meta property="og&#58;description" content="This is the description property 2."/>
</head>
<body>
</body>
</html>
Σελιδα για Κουμπι 3:

Κώδικας: Επιλογή όλων

<html xmlns&#58;og="http&#58;//ogp.me/ns#">
<head>
<title>Cretan Sports Cycling - Title</title>
	<meta property="fb&#58;app_id" content="1111111111111111"/>
	<meta property="fb&#58;admins" content="1111111111111111"/>
	<meta property="og&#58;title" content="My page - Property Title 3"/>
	<meta property="og&#58;type" content="website"/>
	<meta property="og&#58;site_name" content="My page - Site Name 3"/>
	<meta property="og&#58;url" content="http&#58;//www.mypage.gr/?url=main-url3"/>
	<meta property="og&#58;image" content="http&#58;//www.mypage.gr/images/image3.jpg"/>
	<meta property="og&#58;description" content="This is the description property 3."/>
</head>
<body>
</body>
</html>
Για καποιο λογο το Facebook αποφασιζει να βαλει μια εικονα μεσα απο τη σελιδα μου χωρις να με "ρωτησει" και δεν καταλαβαινει τι του δινω. Η μεθοδος ειναι HTML5.
Ας βοηθησει καποιος.
Ευχαριστω.
Δεν μπορούμε να λύσουμε τα προβλήματά μας χρησιμοποιώντας τον ίδιο τρόπο σκέψης που χρησιμοποιήσαμε όταν τα δημιουργήσαμε. -Α. Einstein

Rent a Car

Άβαταρ μέλους
ideal
Δημοσιεύσεις: 302
Εγγραφή: 12 Φεβ 2011 16:26

[SOLVED] Κουμπι Facebook Like για διαφορετικα αρθρα στην ιδια σελιδα

Δημοσίευση από ideal » 10 Ιουν 2013 15:22

Πρεπει το:

Κώδικας: Επιλογή όλων

data-href="http&#58;//mypage.gr/like1.html
που βρισκεται στην κυρια σελιδα για καθε κουμπι να ειναι ιδιο με το:

Κώδικας: Επιλογή όλων

<meta property="og&#58;url" content="http&#58;//www.mypage.gr/?url=main-url"/> 
Εγω ειχα διαφορετικο...
Το πληρες tutorial ειναι εδω για οποιον θελησει:
http://www.seriousreport.com/metatags_h ... uttons.php
Δεν μπορούμε να λύσουμε τα προβλήματά μας χρησιμοποιώντας τον ίδιο τρόπο σκέψης που χρησιμοποιήσαμε όταν τα δημιουργήσαμε. -Α. Einstein

Rent a Car

Απάντηση

Επιστροφή στο “HTML και XHTML”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες