Blog/Website Mein Facebook Messege Buttons Kaise Embed Kare?

Jyadatar blogs mein contact karne ke liye emails ya contact form hota hai. Magar humare dear readers ko in mein se kisi ko bhi use karke humare sath contact karna bohot hi boring lagta hai. Isliye apne blog mein readers ko contact karne ke liye ek live chat ya instant messaging system jaise facebook messenger embed kar dene se users ke liye humare sath contact karna bohot hi asan ho jata hai.

how-to-add-facebook-messenger-elements-messenger-buttons-in-blogger-blog-websites-hindi-tutorial

Is tutorial mein mai 3 procedure dikhaunga. In mein se kisi ko bhi ap apne blog/website mein use kar sakte hai. Is tutorial ki madat se ap easily apne blog ya website par facebook messenger button embed kar paenge. Jab koi "Messege Me" button mein click karega tab uski phone mein directly messenger app launch ho jaega ya fir agar wo computer use kar raha hai to wo directly messenger.com website mein chala jaega. Ap apne facebook page ya personal profile mein sare messeges recieve kar sakte hai.

1. Simple Facebook Messenger Link


Defaultly facebook messenger button JavaScript use karke banaya ja sakta hai. Lekin agar koi apne computer mein adblocker use kar raha hai to use ye button nehi dikhega. Isliye ap pure HTML mein ye button use kar sakte hai.

how-to-add-facebook-messenger-elements-messenger-buttons-in-blogger-blog-websites-hindi-tutorial

Apko bas niche ki codes mein se "XYZ" ko apne facebook username se replace karna hai. Agar apke username nehi hai to ap numeric ID bhi use kar sakte hai. Ap kahi par bhi is link ka istemal kar sakte hai.

 <a href="https://m.me/XYZ">
    Message us on Facebook
 </a>

Tip: Agar ap apne facebook profile mein messeges nehi dekh pa rahe hai to iske karan hai facebook kisi unknown person se ane wala messeges ko hide kar deti hai. Us messege ko dekhne ke liye apko facebook.com/messeges mein jake "More" dropdown mein se "Filtered" mein click karna hai.

2. Facebook Messenger Button


Ye hai default facebook messenger button jise JavaScript coding se banaya gaya hai. Lekin is button ko use karke ap sirf apne facebook page mein hi messeges recieve kar paenge. Ap is link par click karke messenger button ki demo dekh sakte hai.

Niche diye gaye codes ko ap apne blogger blog ki sidebar/footer mein laga sakte hai. Iske liye simply apne blogger account mein login karke Layout > Add a Gadget > HTML/JavaScript > Paste codes >Save kar sakte hai.

<script>  
      window.fbAsyncInit = function() {
        FB.init({
          appId      : '95100348886',
          xfbml      : true,
          version    : 'v2.6'
        });
      };
      (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";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));  
    </script>
    <div class="fb-messengermessageus"
         messenger_app_id="95100348886"
         page_id="XYZ"
         color="blue"
         size="large">
    </div>

Codes mein se "XYZ" ko apne facebook page username/numerical ID se replace karde.

Tip: Apne facebook page par messeges recive karne ke liye apko sure hona padega ki apke page mein Messege button hai. Agar nehi hai to ap facebook page settings > general > Messages > turn on "Allow people to contact my page privately by showing message button" karke is option ko chalu kar sakte hai.

3. Facebook Messenger Box


Ap apne blog mein jaise facebook like box show karate hai waise hi ap apne blog mein facebook messege box bhi add kar sakte hai. Ise use karne se readers apke blog leave kie bina directly apke webpage se hi messege send kar paega.

how-to-add-facebook-messenger-elements-messenger-buttons-in-blogger-blog-websites-hindi-tutorial

Facebook Messenger Box apne blogger blog mein jorne ke liye niche diye gaye codes ko Layout > Add a Gadget > HTML/JavaScript mein jake paste kare aur save button dabae.

<script>
      window.fbAsyncInit = function() {
        FB.init({
          appId      : '95100348886',
          xfbml      : true,
          version    : 'v2.6'
        });
      };
      (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";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));
    </script>
    <div class="fb-page"
         data-href="https://www.facebook.com/XZY/"
         data-tabs="messages"
         data-width="400"
         data-height="300"
         data-small-header="true">
      <div class="fb-xfbml-parse-ignore">
        <blockquote></blockquote>
      </div>
    </div>

Codes mein se "XYZ" apne username/numerical ID se replace karna na vule.

Related Posts:

Thats it. Ye thoda complex post lag sakta hai aur apko ise samjhne mein pareshani bhi ho sakta hai. So, problem hone pad comment karne mujhe batana mat vule. Mai apke help karunga. Happy Messaging!

SHARE THIS

Author:

I'm an 18 years aged Passionate Blogger from West Bengal, India. I just love to write articles and share them with people. The day was 28th September 2015, when my dream of having a website comes true and I made this website to help you and peoples like you!

Previous Post
Next Post
8/27/2016 12:28 am

Thanks it's a nice post :)

Reply
avatar
8/29/2016 8:06 am

Glad this post was nice :)

Reply
avatar
9/03/2016 9:52 am

very interesting post thanks to share with all of us

Reply
avatar
9/05/2016 3:53 am

Thanks @Aksa for your inspiring comment :)

Reply
avatar
9/07/2016 2:28 pm

Aapke blog pe jo Live chat aa raha hai niche, woh kaise kiye hai?

Reply
avatar
9/10/2016 7:58 am

Hey Amit, mai ek dusre post mein iske bare mein bataunga. Ap HelperBus ko subscribe karne se sare latest updates apne email inbox mein pa sakte hai. Still then, stay with us.

Reply
avatar