Jquery Detect Click Facebook Like Button <Desktop>

// This will NOT work $('#facebook-like-button').on('click', function() alert('Liked!'); ); The Like button resides in a cross-origin iframe. jQuery cannot see inside it for security reasons. Facebook provides its own event system. When someone clicks "Like" (Facebook calls this creating an "edge"), the SDK fires an event you can listen for. Step 1: Load the Facebook JavaScript SDK Make sure the SDK is loaded on your page.

<div class="fb-like" data-href="https://your-website.com/article" data-width="" data-layout="button_count" data-action="like" data-size="small" data-share="false"></div> Now, add this JavaScript (with jQuery): jquery detect click facebook like button

If you’ve tried the standard onclick event, you already know it doesn’t work. The Like button is embedded inside an iframe (sandboxed from your page). You cannot directly attach a jQuery click handler to elements inside an iframe from the parent document. // This will NOT work $('#facebook-like-button')

More importantly, Facebook loads the iframe asynchronously. The DOM elements you think exist might not be ready. In theory, you could watch for attribute changes in the iframe, but cross-origin restrictions block this. Stick with FB.Event.subscribe – it’s the official, reliable way. Common Pitfalls & Debugging | Issue | Solution | |-------|----------| | Event never fires | Make sure you’re logged into Facebook and the page URL matches the data-href exactly. | | fbAsyncInit not running | Check that you defined it before the SDK script tag. | | jQuery not detecting | Wrap FB.Event.subscribe inside $(document).ready() if using DOM elements. | Final Thoughts You can’t directly use jQuery to click-detect inside a Facebook iframe, but with the SDK’s edge.create event, you get an even better solution. This method works for Like buttons on any URL, and it also detects unlikes. When someone clicks "Like" (Facebook calls this creating

So, how do we solve it? You need to use the and listen for their built-in Edge events . The Short Answer (No jQuery for the Click) You cannot do this: