Autor Thema: Facebook "share/teilen"  (Gelesen 5489 mal)

0 Mitglieder und 1 Gast betrachten dieses Thema.

Offline dobra

  • Global Moderator
  • Hero Member
  • *****
  • Beiträge: 1353
  • Lob: 18
Facebook "share/teilen"
« am: Juli 22, 2014, 08:40:53 »
Hallo,

ich binde FB-share so ein:
<!--spmacro:module(fbopt)
sub url {
my $url = ssp::pageurl(1);
main::mprint ($url);
}
-->
und dann
<div id="tabFacebook">
<a href="javascript:void(0)" onClick="window.open('http://www.facebook.com/share.php?u=__fbopt::url__', '','toolbar=no,status=no,menubar=no,width=900,height=500')">
<img border="0" src="../images/layout/tab_facebook.jpg">
</a>
</div>

gibt es eine Möglichkeit festzustellen, ob/wie oft das von den Kunden genutzt wird ?

Mit DIESER Methode experimentiere ich noch (ist wesentlich flexibler  8) )
<html xmlns="http://www.w3.org/1999/xhtml"
  xmlns:fb="https://www.facebook.com/2008/fbml">
<head>
    ....
</head>
<body>
....
    <div id='fb-root'></div>
    <script src='http://connect.facebook.net/en_US/all.js'></script>
    <div style="margin: 0 50px;"><a href="javascript:void(0)" onclick='postToFeed(); return false;'> - Image oder Text - </a></div>
    <p id='msg'></p>
 
    <script>
      FB.init({appId: "<meine FB-ID>", status: true, cookie: true});
 
      function postToFeed() {
 
        // calling the API ...
        var obj = {
          method: 'feed',
          redirect_uri: '__fbopt::url__',
          link: '__fbopt::url__',
          picture: '__fbopt::img__',
          name: '__fbopt::article__',
          caption: '__fbopt::erg1__',
          description: '__fbopt::desc__'
        };
 
        function callback(response) {
          document.getElementById('msg').innerHTML = "Post ID: " + response['post_id'];
        }
 
        FB.ui(obj, callback);
      }
 
    </script>
...
</body>
</html>


Linkback: https://www.shoppilot.net/pf/index.php?topic=1696.0
mfG
dobra

Offline dobra

  • Global Moderator
  • Hero Member
  • *****
  • Beiträge: 1353
  • Lob: 18
Lösung: Facebook "share/teilen"
« Antwort #1 am: Juli 28, 2014, 19:04:25 »
Lösung:
Mit Google Analytics Events kann man die Klicks protokollieren und auswerten.

Zuerst braucht man mal eine JS-Funktion die die Events in Google Analytics schreibt (Danke an ahe für den Code !)
function logClick(what) {
    if (typeof(pageTracker) != 'undefined') {
        pageTracker._trackEvent('Clicks', what);
    }
}
= globaler Code für ALLE Events

Damit jetzt aber nicht die Klicks auf den "teile"-Button protokolliert werden, sondern nur auch wirklich geteilte Links, braucht man noch ein Callback:

  <script src='http://connect.facebook.net/en_US/all.js'></script>
<div id="tabFacebook">
<a href="javascript:void(0)" onclick="postToFeed(); return false;"><img border="0" src="../images/layout/tab_facebook.jpg"></a>
</div>

    <script>
      FB.init({appId: "<hier die persönliche ID für die Domain eintragen>", status: true, cookie: true});
 
      function postToFeed() {
 
        // calling the API ...
        var obj = {
          method: 'feed',
          link: '__fbopt::fburl__',
          picture: '__fbopt::dimage__',
          name: '__fbopt::title__',
          caption: '',
          description: '__fbopt::meta_description__'
        };
 
        function callback(response) {
if (response && response.post_id) {
logClick('fb-geteilt');
}
}
 
        FB.ui(obj, callback);
      }
 
    </script>


Für Twitter funktioniert es auch, aber ein bisschen anders:

   <script>
// Include the Twitter Library
window.twttr = (function (d,s,id) {
 var t, js, fjs = d.getElementsByTagName(s)[0];
 if (d.getElementById(id)) return; js=d.createElement(s); js.id=id;
 js.src="https://platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs);
 return window.twttr || (t = { _e: [], ready: function(f){ t._e.push(f) } });
}(document, "script", "twitter-wjs"));

// On ready, register the callback...
twttr.ready(function (twttr) {
twttr.events.bind('tweet', function (event) {
// your callback action here...
  logClick('tw-geteilt');
});
});
    </script>
<div id="tabTwitter">
<a href="https://twitter.com/intent/tweet?url=__twopt::twurl__&text=__twopt::meta_description__"><img style="border:none;" src="../images/layout/tab_twitter.jpg"></a>
</div>

Offline ahe

  • Global Moderator
  • Sr. Member
  • *****
  • Beiträge: 435
  • Lob: 20
Re: Facebook "share/teilen"
« Antwort #2 am: Juli 29, 2014, 08:23:10 »
Zu beachten wäre noch, dass

if (typeof(pageTracker) != 'undefined') {
    pageTracker._trackEvent('Clicks', what);
}

nur für den ganz alten Analytics Tracker funktioniert.

Danach kam noch der Asynchrone Tracker und seit neuestem der Universal Tracker.
Weitere Informationen:

https://developers.google.com/analytics/devguides/collection/gajs/
https://developers.google.com/analytics/devguides/collection/analyticsjs/events
MfG ahe


xx
"Bild" statt "Titel" in __tab__ anzeigen?

Begonnen von dobra

4 Antworten
7356 Aufrufe
Letzter Beitrag Februar 21, 2008, 15:24:34
von dobra
question
"(" und ")" nicht anzeigen

Begonnen von dobra

2 Antworten
8271 Aufrufe
Letzter Beitrag Mai 09, 2007, 10:45:31
von dobra
xx
Ich möchte auf der "Danke" Seite den Warenkorb nochmal anzeigen.

Begonnen von admin

0 Antworten
6558 Aufrufe
Letzter Beitrag Mai 24, 2006, 11:12:02
von admin
xx
"bestellen" erst einblenden, wenn Zahlart gewählt

Begonnen von dobra

0 Antworten
7659 Aufrufe
Letzter Beitrag September 09, 2007, 10:23:29
von dobra