Αυτόματος εντοπισμός της εικόνας ανάρτησης κατά το share στο facebook

Καλησπέρα στους αναγνώστες του bloggertips.gr.

Αναρωτηθείτε μισό λεπτό, πόσες φορές θελήσατε να ποστάρετε κάτι στο facebook και σας έβγαζε μια "άκυρη" σε σχέση με το θέμα σας φωτογραφία;

Αυτό που θα προσπαθήσουμε να κάνουμε σήμερα είναι να θέσουμε μια συγκεκριμένη εικόνα η οποία θα εμφανίζεται όταν κάποιος ποστάρει στο facebook κάτι (δηλαδή κάποιο link) που οδηγεί στη σελίδα σας. Και αυτό θα το πετύχουμε με τα meta tags, για τα οποία έχουμε μιλήσει παλαιότερα.

Αυτή η συγκεκριμένη εικόνα δε θα είναι άλλη φυσικά από την εικόνα που περιλαμβάνεται στην ανάρτηση στο blog σας!

Λοιπόν, η διαδικασία είναι σχετικά απλή και γρήγορη:

1. Σύνδεση στο λογαριασμό blogger
2. Επεξεργασία HTML
3. Με Ctrl + F αναζητούμε το </head> και μετά από αυτό, δηλαδή ακριβώς από κάτω κάνουμε επικόλληση τον παρακάτω κώδικα:

<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='http://www.yooter.com/images/pagenotfound.jpg' property='og:image'/>
</b:if>

Μπορείτε να αλλάξετε την εικόνα που έχω σε επισημάνει με αυτόν τον τρόπο -->τρόπος<-- με κάποια της επιλογής σας (είναι η προ-επιλεγμένη εικόνα που θα εμφανίζεται όταν δεν έχετε προσθέσει εικόνα στην ανάρτησή σας).

4. Αποθήκευση προτύπου και είστε έτοιμοι!

Πηγή
Copyrights: http://www.bloggertips.gr/

Post by Secra from Web Reviews