{"id":7,"date":"2014-02-24T22:08:16","date_gmt":"2014-02-24T22:08:16","guid":{"rendered":"http:\/\/www.geektactics.geektamin.com\/?p=7"},"modified":"2024-06-14T09:54:32","modified_gmt":"2024-06-13T21:54:32","slug":"strange-bug-with-the-facebook-likebox-plugin","status":"publish","type":"post","link":"https:\/\/geektactics.co.nz\/blog\/strange-bug-with-the-facebook-likebox-plugin\/","title":{"rendered":"Strange Bug with the Facebook Likebox Plugin"},"content":{"rendered":"<p>If you have a website and a Facebook page, it makes sense to link the two together.\u00a0 Facebook makes this very easy with their popular Facebook Like Box.<\/p>\n<p>But there&#8217;s a small bug in the display of the Facebook Like Box that I&#8217;m surprised Facebook haven&#8217;t fixed yet.<\/p>\n<h2>Firstly, What is the Facebook Like Box?<\/h2>\n<p>Even if you are unfamiliar with the name \u201cFacebook Like Box\u201d I can almost guarantee that you\u2019ve seen one before.<\/p>\n<p>Here\u2019s what a Facebook Like Box looks like:<\/p>\n<p><a href=\"http:\/\/www.geektactics.geektamin.com\/geektamin\/wp-content\/uploads\/sites\/2\/2014\/02\/facebook-likebox-correct.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8\" alt=\"Facebook Like Box\" src=\"http:\/\/www.geektactics.geektamin.com\/geektamin\/wp-content\/uploads\/sites\/2\/2014\/02\/facebook-likebox-correct.jpg\" width=\"295\" height=\"277\" \/><\/a><\/p>\n<p>These are often used in sidebars on websites and enable you to click &#8220;Like&#8221; right there on the website, and you will now like that company on Facebook. \u00a0This is a simple <a href=\"http:\/\/www.duoplus.co.nz\" target=\"_blank\" rel=\"noopener\">online marketing<\/a> step for any business that has a Facebook page, because it is enables your website visitors to easily connect with your company, and join your Facebook followers.<\/p>\n<h2>The Weird Little Display Bug<\/h2>\n<p>On the Facebook page where you get the code for your <a href=\"https:\/\/developers.facebook.com\/docs\/plugins\/like-box-for-pages\/\" target=\"_blank\" rel=\"noopener\">Like Box<\/a> it recommends a minimum width of 292px. \u00a0The plugin actually works for widths smaller than that, but for this exercise I&#8217;ll stick with the recommendations.<\/p>\n<p>Here&#8217;s the little display bug: \u00a0If you already like the Facebook page, then the formatting messes up. \u00a0It adds add extra line of photos, with just a single photo, and then the normal footer gets pushed out of the bottom of the iframe.<\/p>\n<p>To demonstrate, here is what it looks like if you <strong>don&#8217;t<\/strong> already like the page:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8\" alt=\"Facebook Like Box\" src=\"http:\/\/www.geektactics.geektamin.com\/geektamin\/wp-content\/uploads\/sites\/2\/2014\/02\/facebook-likebox-correct.jpg\" width=\"295\" height=\"277\" \/><\/p>\n<p>And here is how it messes up if you <strong>do<\/strong> like the page:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9\" alt=\"Facebook Like Box - Display bug\" src=\"http:\/\/www.geektactics.geektamin.com\/geektamin\/wp-content\/uploads\/sites\/2\/2014\/02\/facebook-likebox-incorrect.jpg\" width=\"298\" height=\"279\" \/><\/p>\n<p>So one extra photo appears in a row on it&#8217;s own, and the bottom of the photo is cut off. \u00a0And the normal &#8220;Facebook social plugin&#8221; footer disappears too.<\/p>\n<h2>No Fix Unfortunately<\/h2>\n<p>There&#8217;s no easy fix unfortunately. \u00a0If you are an intense perfectionist who can&#8217;t stand the thought of things not quite looking right, then you could possibly build your own plugin using the Facebook API. \u00a0Or just breathe, and choose not to sweat the small stuff.<\/p>\n<p>I have tried adjusting the width of the plugin, but it seems to have this little display bug no matter how skinny or wide you make it. \u00a0From my experience, this little bug has been there for at least two years now, so it doesn&#8217;t appear to be high on Facebook&#8217;s list of things to fix.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you have a website and a Facebook page, it makes sense to link the two together.\u00a0 Facebook makes this very easy with their popular Facebook Like Box. But there&#8217;s a small bug in the display of the Facebook Like Box that I&#8217;m surprised Facebook haven&#8217;t fixed yet. Firstly, What is the Facebook Like Box? [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[5,3,4],"class_list":["post-7","post","type-post","status-publish","format-standard","hentry","category-web-development","tag-bug","tag-facebook","tag-plugin"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Strange Bug with the Facebook Likebox Plugin - Geektactics<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/geektactics.co.nz\/blog\/strange-bug-with-the-facebook-likebox-plugin\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Strange Bug with the Facebook Likebox Plugin - Geektactics\" \/>\n<meta property=\"og:description\" content=\"If you have a website and a Facebook page, it makes sense to link the two together.\u00a0 Facebook makes this very easy with their popular Facebook Like Box. But there&#8217;s a small bug in the display of the Facebook Like Box that I&#8217;m surprised Facebook haven&#8217;t fixed yet. Firstly, What is the Facebook Like Box? [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/geektactics.co.nz\/blog\/strange-bug-with-the-facebook-likebox-plugin\/\" \/>\n<meta property=\"og:site_name\" content=\"Geektactics\" \/>\n<meta property=\"article:published_time\" content=\"2014-02-24T22:08:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-13T21:54:32+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.geektactics.geektamin.com\/geektamin\/wp-content\/uploads\/sites\/2\/2014\/02\/facebook-likebox-correct.jpg\" \/>\n<meta name=\"author\" content=\"Josh Moore\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Josh Moore\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/geektactics.co.nz\/blog\/strange-bug-with-the-facebook-likebox-plugin\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/geektactics.co.nz\/blog\/strange-bug-with-the-facebook-likebox-plugin\/\"},\"author\":{\"name\":\"Josh Moore\",\"@id\":\"https:\/\/geektactics.co.nz\/#\/schema\/person\/6bb496f93975e50731c7b169c39bc4ab\"},\"headline\":\"Strange Bug with the Facebook Likebox Plugin\",\"datePublished\":\"2014-02-24T22:08:16+00:00\",\"dateModified\":\"2024-06-13T21:54:32+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/geektactics.co.nz\/blog\/strange-bug-with-the-facebook-likebox-plugin\/\"},\"wordCount\":411,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/geektactics.co.nz\/#organization\"},\"image\":{\"@id\":\"https:\/\/geektactics.co.nz\/blog\/strange-bug-with-the-facebook-likebox-plugin\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/www.geektactics.geektamin.com\/geektamin\/wp-content\/uploads\/sites\/2\/2014\/02\/facebook-likebox-correct.jpg\",\"keywords\":[\"Bug\",\"Facebook\",\"Plugin\"],\"articleSection\":[\"Web Development\"],\"inLanguage\":\"en-NZ\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/geektactics.co.nz\/blog\/strange-bug-with-the-facebook-likebox-plugin\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/geektactics.co.nz\/blog\/strange-bug-with-the-facebook-likebox-plugin\/\",\"url\":\"https:\/\/geektactics.co.nz\/blog\/strange-bug-with-the-facebook-likebox-plugin\/\",\"name\":\"Strange Bug with the Facebook Likebox Plugin - Geektactics\",\"isPartOf\":{\"@id\":\"https:\/\/geektactics.co.nz\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/geektactics.co.nz\/blog\/strange-bug-with-the-facebook-likebox-plugin\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/geektactics.co.nz\/blog\/strange-bug-with-the-facebook-likebox-plugin\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/www.geektactics.geektamin.com\/geektamin\/wp-content\/uploads\/sites\/2\/2014\/02\/facebook-likebox-correct.jpg\",\"datePublished\":\"2014-02-24T22:08:16+00:00\",\"dateModified\":\"2024-06-13T21:54:32+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/geektactics.co.nz\/blog\/strange-bug-with-the-facebook-likebox-plugin\/#breadcrumb\"},\"inLanguage\":\"en-NZ\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/geektactics.co.nz\/blog\/strange-bug-with-the-facebook-likebox-plugin\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-NZ\",\"@id\":\"https:\/\/geektactics.co.nz\/blog\/strange-bug-with-the-facebook-likebox-plugin\/#primaryimage\",\"url\":\"http:\/\/www.geektactics.geektamin.com\/geektamin\/wp-content\/uploads\/sites\/2\/2014\/02\/facebook-likebox-correct.jpg\",\"contentUrl\":\"http:\/\/www.geektactics.geektamin.com\/geektamin\/wp-content\/uploads\/sites\/2\/2014\/02\/facebook-likebox-correct.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/geektactics.co.nz\/blog\/strange-bug-with-the-facebook-likebox-plugin\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/geektactics.co.nz\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Strange Bug with the Facebook Likebox Plugin\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/geektactics.co.nz\/#website\",\"url\":\"https:\/\/geektactics.co.nz\/\",\"name\":\"Geektactics\",\"description\":\"Interesting Stuff for Geeks\",\"publisher\":{\"@id\":\"https:\/\/geektactics.co.nz\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/geektactics.co.nz\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-NZ\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/geektactics.co.nz\/#organization\",\"name\":\"Geektactics\",\"url\":\"https:\/\/geektactics.co.nz\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-NZ\",\"@id\":\"https:\/\/geektactics.co.nz\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/geektactics.co.nz\/wp-content\/uploads\/sites\/2\/2024\/06\/geektactics-logo.png\",\"contentUrl\":\"https:\/\/geektactics.co.nz\/wp-content\/uploads\/sites\/2\/2024\/06\/geektactics-logo.png\",\"width\":2001,\"height\":831,\"caption\":\"Geektactics\"},\"image\":{\"@id\":\"https:\/\/geektactics.co.nz\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/geektactics.co.nz\/#\/schema\/person\/6bb496f93975e50731c7b169c39bc4ab\",\"name\":\"Josh Moore\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-NZ\",\"@id\":\"https:\/\/geektactics.co.nz\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2bea43488633fc79ace340300f8ab6d6?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2bea43488633fc79ace340300f8ab6d6?s=96&d=mm&r=g\",\"caption\":\"Josh Moore\"},\"description\":\"I love marketing and technology. I run Duoplus Online Marketing and enjoy helping companies grow their income especially through using online marketing effectively.\",\"sameAs\":[\"https:\/\/www.duoplus.nz\"],\"url\":\"https:\/\/geektactics.co.nz\/blog\/author\/josh\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Strange Bug with the Facebook Likebox Plugin - Geektactics","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/geektactics.co.nz\/blog\/strange-bug-with-the-facebook-likebox-plugin\/","og_locale":"en_US","og_type":"article","og_title":"Strange Bug with the Facebook Likebox Plugin - Geektactics","og_description":"If you have a website and a Facebook page, it makes sense to link the two together.\u00a0 Facebook makes this very easy with their popular Facebook Like Box. But there&#8217;s a small bug in the display of the Facebook Like Box that I&#8217;m surprised Facebook haven&#8217;t fixed yet. Firstly, What is the Facebook Like Box? [&hellip;]","og_url":"https:\/\/geektactics.co.nz\/blog\/strange-bug-with-the-facebook-likebox-plugin\/","og_site_name":"Geektactics","article_published_time":"2014-02-24T22:08:16+00:00","article_modified_time":"2024-06-13T21:54:32+00:00","og_image":[{"url":"http:\/\/www.geektactics.geektamin.com\/geektamin\/wp-content\/uploads\/sites\/2\/2014\/02\/facebook-likebox-correct.jpg"}],"author":"Josh Moore","twitter_misc":{"Written by":"Josh Moore","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/geektactics.co.nz\/blog\/strange-bug-with-the-facebook-likebox-plugin\/#article","isPartOf":{"@id":"https:\/\/geektactics.co.nz\/blog\/strange-bug-with-the-facebook-likebox-plugin\/"},"author":{"name":"Josh Moore","@id":"https:\/\/geektactics.co.nz\/#\/schema\/person\/6bb496f93975e50731c7b169c39bc4ab"},"headline":"Strange Bug with the Facebook Likebox Plugin","datePublished":"2014-02-24T22:08:16+00:00","dateModified":"2024-06-13T21:54:32+00:00","mainEntityOfPage":{"@id":"https:\/\/geektactics.co.nz\/blog\/strange-bug-with-the-facebook-likebox-plugin\/"},"wordCount":411,"commentCount":0,"publisher":{"@id":"https:\/\/geektactics.co.nz\/#organization"},"image":{"@id":"https:\/\/geektactics.co.nz\/blog\/strange-bug-with-the-facebook-likebox-plugin\/#primaryimage"},"thumbnailUrl":"http:\/\/www.geektactics.geektamin.com\/geektamin\/wp-content\/uploads\/sites\/2\/2014\/02\/facebook-likebox-correct.jpg","keywords":["Bug","Facebook","Plugin"],"articleSection":["Web Development"],"inLanguage":"en-NZ","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/geektactics.co.nz\/blog\/strange-bug-with-the-facebook-likebox-plugin\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/geektactics.co.nz\/blog\/strange-bug-with-the-facebook-likebox-plugin\/","url":"https:\/\/geektactics.co.nz\/blog\/strange-bug-with-the-facebook-likebox-plugin\/","name":"Strange Bug with the Facebook Likebox Plugin - Geektactics","isPartOf":{"@id":"https:\/\/geektactics.co.nz\/#website"},"primaryImageOfPage":{"@id":"https:\/\/geektactics.co.nz\/blog\/strange-bug-with-the-facebook-likebox-plugin\/#primaryimage"},"image":{"@id":"https:\/\/geektactics.co.nz\/blog\/strange-bug-with-the-facebook-likebox-plugin\/#primaryimage"},"thumbnailUrl":"http:\/\/www.geektactics.geektamin.com\/geektamin\/wp-content\/uploads\/sites\/2\/2014\/02\/facebook-likebox-correct.jpg","datePublished":"2014-02-24T22:08:16+00:00","dateModified":"2024-06-13T21:54:32+00:00","breadcrumb":{"@id":"https:\/\/geektactics.co.nz\/blog\/strange-bug-with-the-facebook-likebox-plugin\/#breadcrumb"},"inLanguage":"en-NZ","potentialAction":[{"@type":"ReadAction","target":["https:\/\/geektactics.co.nz\/blog\/strange-bug-with-the-facebook-likebox-plugin\/"]}]},{"@type":"ImageObject","inLanguage":"en-NZ","@id":"https:\/\/geektactics.co.nz\/blog\/strange-bug-with-the-facebook-likebox-plugin\/#primaryimage","url":"http:\/\/www.geektactics.geektamin.com\/geektamin\/wp-content\/uploads\/sites\/2\/2014\/02\/facebook-likebox-correct.jpg","contentUrl":"http:\/\/www.geektactics.geektamin.com\/geektamin\/wp-content\/uploads\/sites\/2\/2014\/02\/facebook-likebox-correct.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/geektactics.co.nz\/blog\/strange-bug-with-the-facebook-likebox-plugin\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/geektactics.co.nz\/"},{"@type":"ListItem","position":2,"name":"Strange Bug with the Facebook Likebox Plugin"}]},{"@type":"WebSite","@id":"https:\/\/geektactics.co.nz\/#website","url":"https:\/\/geektactics.co.nz\/","name":"Geektactics","description":"Interesting Stuff for Geeks","publisher":{"@id":"https:\/\/geektactics.co.nz\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/geektactics.co.nz\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-NZ"},{"@type":"Organization","@id":"https:\/\/geektactics.co.nz\/#organization","name":"Geektactics","url":"https:\/\/geektactics.co.nz\/","logo":{"@type":"ImageObject","inLanguage":"en-NZ","@id":"https:\/\/geektactics.co.nz\/#\/schema\/logo\/image\/","url":"https:\/\/geektactics.co.nz\/wp-content\/uploads\/sites\/2\/2024\/06\/geektactics-logo.png","contentUrl":"https:\/\/geektactics.co.nz\/wp-content\/uploads\/sites\/2\/2024\/06\/geektactics-logo.png","width":2001,"height":831,"caption":"Geektactics"},"image":{"@id":"https:\/\/geektactics.co.nz\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/geektactics.co.nz\/#\/schema\/person\/6bb496f93975e50731c7b169c39bc4ab","name":"Josh Moore","image":{"@type":"ImageObject","inLanguage":"en-NZ","@id":"https:\/\/geektactics.co.nz\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2bea43488633fc79ace340300f8ab6d6?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2bea43488633fc79ace340300f8ab6d6?s=96&d=mm&r=g","caption":"Josh Moore"},"description":"I love marketing and technology. I run Duoplus Online Marketing and enjoy helping companies grow their income especially through using online marketing effectively.","sameAs":["https:\/\/www.duoplus.nz"],"url":"https:\/\/geektactics.co.nz\/blog\/author\/josh\/"}]}},"_links":{"self":[{"href":"https:\/\/geektactics.co.nz\/wp-json\/wp\/v2\/posts\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/geektactics.co.nz\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/geektactics.co.nz\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/geektactics.co.nz\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/geektactics.co.nz\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":2,"href":"https:\/\/geektactics.co.nz\/wp-json\/wp\/v2\/posts\/7\/revisions"}],"predecessor-version":[{"id":20284,"href":"https:\/\/geektactics.co.nz\/wp-json\/wp\/v2\/posts\/7\/revisions\/20284"}],"wp:attachment":[{"href":"https:\/\/geektactics.co.nz\/wp-json\/wp\/v2\/media?parent=7"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/geektactics.co.nz\/wp-json\/wp\/v2\/categories?post=7"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/geektactics.co.nz\/wp-json\/wp\/v2\/tags?post=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}