Last active
August 29, 2015 14:05
-
-
Save jeremybuff/657f1895e88b32059cf5 to your computer and use it in GitHub Desktop.
How to detect the Facebook comments plugin, and display a warning if it is blocked by a browser extension.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var updateFacebookCmnts = function(){ | |
//Give the FB Object a second to update the UI before we work our magic | |
setTimeout(function(){ | |
//The fb_iframe_widget class is added to the .fb-comments element when the iframe loads | |
//if it is not there, we can safely assume the comments haven't loaded and can dispaly a warning. | |
if(!$('.fb-comments').hasClass('fb_iframe_widget') ){ | |
//Custom warning message/html | |
var $insertedWarning = '<div id="comments-missing-warning" class="alert alert-danger"><i class="fa fa-exclamation-triangle"></i> Uh oh! Looks like you have the wonderful Disconnect.me, or other social media blocking, plugin installed. This is preventing you from commenting because I use Facebook comments. Whitelist this site to comment.</div>'; | |
//Insert the aforementioned string before the .fb-comments element | |
$('.fb-comments').before($insertedWarning); | |
} else if($('#comments-missing-warning').length > 0) { | |
//If the FB comments are loaded but the warning message element is still present, remove it. | |
$('#comments-missing-warning').remove(); | |
} | |
}, 1000) | |
} | |
//Init the function | |
updateFacebookCmnts(); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Article this gist belongs to here: http://jeremybuff.com/notebook/detect-facebook-comment-plugin-blocking/