• Home
  • WordPress
  • web Hosting
    • Free hosting
    • Cheap Hosting
    • comparison cloud , vps, shared, wordpress
    • managed wordpress hosting
    • managed cloud hosting
  • page Speed
  • Deals
  • Services
  • About

RAaz Kumar .com

wordpress tutorials seo hosting etc


facebook page like button on website Popup & sidebar

How to add facebook like box to your website?

 

If you are in WordPress platform you can use plugin directly from WordPress directory. otherwise if you are using another platform like blogger, drupal etc. you can manually generate code and copy the same, add as a widget in WordPress or blogger.

Two parts of the Code

1 is javascript

2nd DIV tag where you want to show the Facebook like button.

here is the demo to add facebook fan page to your website.

if you have jetpack plugin already installed on your WordPress website. just click enable facebook like box module and go to Appearance widgets. you can select facebook like box. just add your FB page username or Page ID,

you may see your fb Fan page on your website.

get fb like button from here https://developers.facebook.com/docs/plugins/page-plugin

FB Fan page Like box within posts.

Just composed as a text editor or in HTML paste the code and publish. you can view Facebook like button within post.

or if you want facebook like button at end or beginning of the post you have look at social share button for the website.

 

Adding FB like box to website is ery simple task. but Reason for posting this Article page SIZE and speed recommendation problem by google pagespeed insights.

Because Facebook like box javascript Size is 1.12MB(optimal website size is 512 to 1 MB only including HTML, Image, JS,CSS all the script) but here FB pan page script only have 1MB. but we are not hosting the JS it served by Facebook itself.

Download the script is necessary to view the FB like box.

Solution: Google page speed insights suggestion is Compress the Javascript. but we cannot do that because its not our website, All we have to do that,

access the external Facebook javascript by visiting URL, copy the javascript, compress javascript using online tools (compressing the script means removing unnecessary spaces and comments only),

if we use caching plugins like w3tc and wp super cache, we can host Facebook javascript in our WordPress directory and the plugins automatically compress the javascript.

Facebook page javascript 1.1 MB not only includes like box widget maybe facebook placed all the code at 1 one place. we have to separate the code from them and use for FB page.

for this we have to check Lightweight facebook like box plugins in WordPress directory.

compress facebook javascript

we need facebook js for every component from facebook, FB share and like

box, widget and comment system too.  I have tried copying external JS & compressed hosted at google drive but not worked for me.

so i have to checked out how lightweight FB WordPress plugins used that javascript.

google page speed insightt saying its 1.2MB, we have to use

pingdom and Gtmertix  not caught this an error but google pagespeed only.

usedthe plugin same problem (WP Facebook FanBox)

Jetpack facebook like box plugin also same suggestion compress js (page speed score 30 in google insights).

InstLLED FACEBOOK officila plugin by facebook.

many features ability to add likebox, send, share button before after the page. recommoded posts by by facebook widget as sidebar. fb recent activity and lot of other features. 20,0000+ Active installs.

same problem.

i have to test again.

Related topics:

  1. Social share buttons for website WordPress Blogger
  2. how to make Google crawl more frequently on your website
  3. website cache best caching plugins wordpress w3tc cloudflare
  4. Google page layout Algorithm
  5. Embed rss feed / label / frame sitemap in blogger post page

Digital Marketing Tutorials (overview)

  • how to make money online worst best methods
  • understanding google adsense report cpc ctr cpa in Adsense
  • youtube seo tutorial to get 4000 hours watch & 1000 subscribers
  • how to make 100$ day on youtube without making videos?
  • Basic SEO Tutorials for beginers
  • My career In blogging & online Internet marketing
  • Facebook Free basics/ Internet (why we don't need)
  • Email Marketing services for your website
  • facebook page like button on website Popup & sidebar
  • Google page layout Algorithm
  • copyscape plagiarism content protection plugins for wordpress
  • website competitive analysis SEO
  • SEO services
  • Freelancer Review
  • how to make Google crawl more frequently on your website
  • How to setup /delete google analytics [working with]
  • website audit for SEO Analysis Tips
  • make money website ideas Simple Guide
  • social media optimization tutorial tips how to effectively use social media for marketing
  • google ranking factors
  • How to verify facebook, twitter, google plus, youtube accounts
  • google adsense payments wire transfer india EFT bank deductions
  • 3+ things that decrease Adsense earnings
  • Diagnosing Website Traffic Drop (AMP https panda, penguin manual penalties)
  • Google SEO Guidelines (Case Study)
  • Adsense Optimization Improve adsense Earnings
  • Google Algorithm updates
  • website ideas for online business with example (successful stories)
  • Perfect robots.txt file for Wordpress, blogger [Rules explained]

 

 

wordpress Pagespeed optimization

Digitalocean free $100 Credit

Cloudways Review pricing promo codes

Siteground cpu limits Pricing

Shared Hosting

Managed wordpress Hosting

Managed Hosting Cloud server

VPS Hosting

Cloud Hosting – Unmanaged

Google cloud Pricing

Aws Pricing

Azure pricing

nginx server tutorials

apache server tutorials

linux sysadmin tutorials

mysql Commands list pdf

LEMP Install Ubuntu

Mysql Performance Tuning

Nginx Performance tuning

Linux Performance tuning

Php -fpm performance tuning

Redis Performance tuning

linux server security

nginx security best practices

wordpress security plugins

 

 

wordpress

 

Top 5  WP Google Analytics Plugins

WP Backup Plugins

Wp Comment Plugins

Top wordpress Security Plugins

WP Seo Plugins

WP Caching Plugins

Best Adsense Plugins for WordPress

Wp social Sharing Plugins

autoshare social media plugins

WP speed Optimization Plugins

Speedup WordPress google Score

More Wp tuts

Server Admin Cloud

 

Installing Nginx LEMP On ubuntu

Installing apache Lamp ubuntu

nginx fastcgi cache enable

php – fpm install  & Configuration

Opcache install & Configure

php -fpm pool manager explained

Mysql Install & Configuration

Redis Object cache install & configure

 

Nginx as Reverse Proxy and Load balancer

Load Balance / auto scaling in google cloud

Linux Commands PDF

Mysql Commands Pdf

Letsencrypt tutorial

mysqldump export & import 

Pagespeed Module install & configure

nginx.conf best file

mysql.conf best file

upgrade ubuntu

© 2023 - All Rights Reserved Disclaimer & Privacy Policy