Gdy tagi og:meta nie działają wyczyść Facebook’owi cache

Jeżeli masz na stronie wstawione facebook’owe buttony share lub like bez zdefiniowanych tagów open graph to wraz z publikacją polubionej strony na fejsie pojawiają się dane losowe dane wybrane z witryny.

Używając tagów og: meta możesz dokładne zdefiniować, które dane mają się pojawić na FB:

    <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# 
                  website: http://ogp.me/ns/website#">

     <meta property="og:type"                 content="website"> 
     <meta property="og:url"                  content="URL of this object"> 
     <meta property="og:image"                content="URL to an image">
     <meta property="og:title"                content="Name of blog">
     <meta property="og:description"          content="Description of object"> 

To oczywiste! Jednak jeżeli link do strony był już wcześniej share’owany na fejsie, to znajduje się on w cache facebooka i pomimo wstawienia tagów na stronę, kliknięcia i shary w dalszym ciągu będą postować na FB złą treść.

Taka sytuacja prowadzi jedynie do irytacji i szukania błędów w czymś co przecież powinno działać :-)

Aby przeczyścić cache należy wejść na stronę Facebook Lint, wkleić testowany adres z tagami og: meta i zdebugować. W tym momencie cache facebooka zostanie natychmiast przeładowany, dodatkowo w narzędziu debugującym możesz podejrzeć, które dane będą publikowane.

Jak w Google Analytics zliczać kliknięcia 'like it’?

Tworząc aplikacje czy konkursy na Facebooku z pewnością chcielibyśmy wiedzieć jak przekładają się one na przyrost fanów fanpage marki.

  1. W sekcji <head> podpinamy kod Google Analytics.
  2. Wstawiamy like button <fb:like></fb:like>
  3. Osadzamy asynchroniczny kod biblioteki Facebooka.
  4. Podpinamy funkcje pod zdarzenia facebooka 'edge.create’ i 'edge.remove’, w tych funkcjach wywołujemy handler Google Analytics z pożądanymi parametrami.

 

<head>
 <script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-XXXXX-XX']);
      _gaq.push(['_trackPageview']);
    
      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();  
 </script>
</head>

<body>
<div id="fb-root"></div>
<fb:like href="http://www.facebook.com/FANPAGE" send="false" show_faces="false" font=""></fb:like>

<script type="text/javascript">
    window.fbAsyncInit = function() {
        FB.init({appId: 'YOUR_APP_ID', status: true, cookie: true, xfbml: true});
        FB.Canvas.setAutoResize();
        FB.Event.subscribe('edge.create',
            function(response) {
                alert('like');
                _gaq.push(['_trackPageview', '/like_it']);
            }
        );
        FB.Event.subscribe('edge.remove',
            function(response) {
                alert('unlike');
                _gaq.push(['_trackPageview', '/unlike_it']); 
            }
        );
    };

    //Load the SDK asynchronously
    (function() {
        var e = document.createElement('script'); e.async = true;
            e.src = document.location.protocol +
              '//connect.facebook.net/pl_PL/all.js';
            document.getElementById('fb-root').appendChild(e);
    }());
</script>
</body>

Z powyższego kodu należy usunąć alerty, które są wstawione jedynie dla testu działania mechanizmu.

Jak promować serwis na Facebook’u?

Tego, że w dzisiejszych czasach obecność Twojego serwisu lub marki na Facebook’u jest niezbędna, tłumaczyć chyba nie trzeba. Jeżeli Cię tam nie ma – tracisz, gdyż Twoja konkurencja już tam jest i czerpie z tego profity.

Okej, zatem mając serwis internetowy (aka marka/firma) i konto na fejsie, jak mogę czerpać tego korzyści? Czytaj dalej „Jak promować serwis na Facebook’u?”