Diagnose Facebook Gadget Problems
Monday, December 21, 2015
Edit
Adding a FaceBook developed gadget is - or should last - exactly similar adding whatsoever HTML / JavaScript gadget.
Sometime, though, adding a FaceBook gadget exactly does non attain hoped for results. We run into the employment reports inwards the FaceBook Debugger wizard is unlikely to render whatsoever help.
FaceBook supplied gadgets, when provided past times FaceBook Developers from their website, are belike almost every bit reliable every bit Blogger supplied gadgets, installed using "Add a Gadget" - Basics.
Even so, adding a FaceBook Developers provided gadget is dependent area to known gadget problems - together with roughly problems, unique to FaceBook gadgets.
Adding a tertiary political party gadget, non provided past times FaceBook Developers.
Only add together official FaceBook Developers gadgets, from distributing FaceBook branded gadgets, from their websites.
Using a FaceBook branded gadget, non provided past times FaceBook Developers, volition not last proficient for your blog, inwards the long run.
Editing an HTML gadget, inwards "Rich Text" mode.
If yous add together HTML / JavaScript code to a touchstone gadget, together with yous edit the gadget inwards "Rich Text" mode, the gadget volition non work. Perversely, Blogger gadgets edited inwards "Rich Text" fashion volition display the caption "Edit Html".
If yous edit an HTML / JavaScript gadget, with "Edit Html" displayed, yous volition last inwards "Rich Text" mode - together with your HTML / JavaScript code volition last interpreted every bit rich text. The gadget volition non work.
When yous edit HTML / JavaScript code, such every bit FaceBook gadget code, ever do together with then amongst "Rich Text" displayed every bit a caption.
Using the "Add your own" code, instead of the "HTML / JavaScript" gadget.
When yous add together an "HTML / JavaScript" gadget, yous must select "HTML / JavaScript" from the "Basics" menu, every bit works life inwards the "Add a Gadget" wizard. The "Add your own" carte du jour tab provides a vanquish for adding XML coded gadgets.
Almost everybody who reads these instructions volition necessitate to utilisation the "HTML / JavaScript" gadget inwards "Basics". The few of yous who do non volition know when to utilisation "Add your own", together with when to utilisation "Basics".
Lacking the Facebook SDK for JavaScript.
FaceBook gadgets necessitate the FaceBook SDK for JavaScript. Blogger blogs amongst touchstone templates volition convey the SDK already - every bit most Blogger blogs routinely comprise ane or to a greater extent than FaceBook buttons.
The "Share Buttons" toolbar, for instance, contains a FaceBook Share button.
Some Blogger blogs - similar roughly third political party templates - may non routinely charge the FaceBook SDK. If a genuine FaceBook Developers gadget, added using "Add a Gadget" - Basics, edited inwards HTML mode, does non work, it may necessitate the SDK loaded. This is non hard to do.
The SDK code tin last added into an existing Blogger HTML gadget - or yous may utilisation a divide gadget. If yous are adding a unmarried FaceBook gadget - every bit inwards this practice - merely add together the SDK code inwards front end of the FaceBook gadget code.
You powerfulness have:
And that volition last that.
The bottom employment is simple.
If yous are adding a FaceBook gadget, merely add together a touchstone "HTML / JavaScript" gadget, amongst the necessary FaceBook code. It is non necessary to use the Template Editor - nor volition yous necessitate XML escape code, enveloping the HTML / JavaScript code.
Keep it simple, expire it working - together with get dorsum to work, inwards your blog.
Sometime, though, adding a FaceBook gadget exactly does non attain hoped for results. We run into the employment reports inwards the FaceBook Debugger wizard is unlikely to render whatsoever help.
FaceBook supplied gadgets, when provided past times FaceBook Developers from their website, are belike almost every bit reliable every bit Blogger supplied gadgets, installed using "Add a Gadget" - Basics.
Even so, adding a FaceBook Developers provided gadget is dependent area to known gadget problems - together with roughly problems, unique to FaceBook gadgets.
- Adding a tertiary political party gadget, non provided past times FaceBook Developers.
- Editing an HTML gadget, inwards "Rich Text" mode.
- Using the "Add your own" code, instead of the "HTML / JavaScript" gadget.
- Lacking the Facebook SDK for JavaScript.
Adding a tertiary political party gadget, non provided past times FaceBook Developers.
Only add together official FaceBook Developers gadgets, from distributing FaceBook branded gadgets, from their websites.
Using a FaceBook branded gadget, non provided past times FaceBook Developers, volition not last proficient for your blog, inwards the long run.
Editing an HTML gadget, inwards "Rich Text" mode.
If yous add together HTML / JavaScript code to a touchstone gadget, together with yous edit the gadget inwards "Rich Text" mode, the gadget volition non work. Perversely, Blogger gadgets edited inwards "Rich Text" fashion volition display the caption "Edit Html".
If yous edit an HTML / JavaScript gadget, with "Edit Html" displayed, yous volition last inwards "Rich Text" mode - together with your HTML / JavaScript code volition last interpreted every bit rich text. The gadget volition non work.
When yous edit HTML / JavaScript code, such every bit FaceBook gadget code, ever do together with then amongst "Rich Text" displayed every bit a caption.
Using the "Add your own" code, instead of the "HTML / JavaScript" gadget.
When yous add together an "HTML / JavaScript" gadget, yous must select "HTML / JavaScript" from the "Basics" menu, every bit works life inwards the "Add a Gadget" wizard. The "Add your own" carte du jour tab provides a vanquish for adding XML coded gadgets.
Almost everybody who reads these instructions volition necessitate to utilisation the "HTML / JavaScript" gadget inwards "Basics". The few of yous who do non volition know when to utilisation "Add your own", together with when to utilisation "Basics".
Lacking the Facebook SDK for JavaScript.
FaceBook gadgets necessitate the FaceBook SDK for JavaScript. Blogger blogs amongst touchstone templates volition convey the SDK already - every bit most Blogger blogs routinely comprise ane or to a greater extent than FaceBook buttons.
The "Share Buttons" toolbar, for instance, contains a FaceBook Share button.
Some Blogger blogs - similar roughly third political party templates - may non routinely charge the FaceBook SDK. If a genuine FaceBook Developers gadget, added using "Add a Gadget" - Basics, edited inwards HTML mode, does non work, it may necessitate the SDK loaded. This is non hard to do.
The SDK code tin last added into an existing Blogger HTML gadget - or yous may utilisation a divide gadget. If yous are adding a unmarried FaceBook gadget - every bit inwards this practice - merely add together the SDK code inwards front end of the FaceBook gadget code.
You powerfulness have:
Add the SDK code:<!-- Your similar push clit code --> <div class="fb-like" data-href="http://www.your-domain.com/your-page.html" data-layout="standard" data-action="like" data-show-faces="true"> </div>
<!-- Load Facebook SDK for JavaScript --> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <!-- Your similar push clit code --> <div class="fb-like" data-href="http://www.your-domain.com/your-page.html" data-layout="standard" data-action="like" data-show-faces="true"> </div>
And that volition last that.
The bottom employment is simple.
If yous are adding a FaceBook gadget, merely add together a touchstone "HTML / JavaScript" gadget, amongst the necessary FaceBook code. It is non necessary to use the Template Editor - nor volition yous necessitate XML escape code, enveloping the HTML / JavaScript code.
Keep it simple, expire it working - together with get dorsum to work, inwards your blog.