Question

我不知道这是否可行，但我想计算每人facebook分享按钮的点击次数。这是我的按钮代码

<div id="tryf" class="fb-share-button" data-href="http://grey.com/?  grey_try+points" data-layout="button"></div>

这就是我输出数字点击

   <div id='output'>10</div>

我的javascript

 <script>
    $('#tryf').click(function() {
    $('#output').html(function(i, val) { return val*1+1 });
   });
  </script>

提前致谢

Answer 1

您需要在某处存储点击次数。如果它确实是每个人，它可以存储在浏览器localStorage中的客户端PC上。这将显示从特定PC和浏览器制作的共享按钮的点击次数。

var shareButton = document.querySelector( '.fb-share-button' ),
    counterDisplay = document.querySelector( '#output' ),
    storageKey = 'fb-share-button-click-count',
    /* read the current click count from the localStorage (on page load) */
    clickCount = parseInt( localStorage.getItem( storageKey ) );

/* update UI */
counterDisplay.innerHtml = clickCount;

if( shareButton instanceof Element ) {
    shareButton.addEventListener( 'click', function() {
        /* increase click count and set it into the localStorage */
        localStorage.setItem( storageKey, ++clickCount );

        /* update UI */
        counterDisplay.innerHtml = clickCount;
    }, false );
}

另请参阅：https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage

您可能还希望将点击次数发送到某个服务器后端以将其存储在数据库中，但为此，您还需要使用会话处理来识别不同的用户。但是使用适当的会话处理甚至登录来识别用户，允许切换PC或浏览器。（仅使用localStorage无效。）

如何使用javascript获得每个用户的Facebook分享按钮的点击次数

1 个答案: