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!

6 thoughts on “Blog/Website Mein Facebook Messege Buttons Kaise Embed Kare?

    • shibam says:

      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.

Leave a Reply

Your email address will not be published. Required fields are marked *