Skip to content

Instantly share code, notes, and snippets.

@jeremybuff
Last active August 29, 2015 14:05
Show Gist options
  • Save jeremybuff/657f1895e88b32059cf5 to your computer and use it in GitHub Desktop.
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.
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();
@jeremybuff
Copy link
Author

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment