WhatsApp Share Button add in your Blog Site?

WhatsApp बटन का उपयोग क्यों करें अपने ब्लॉग पर?

WhatsApp आजकल सबसे लोकप्रिय संचारक में से एक है। यह एसएमएस का विकल्प बन गया है। लोग इसे एक-दूसरे के साथ संवाद करने और एक दूसरे के साथ सामान साझा करने के लिए उपयोग कर रहे हैं। WhatsApp की लोकप्रियता में ब्लॉगर की वुद्धि करने के लिए WhatsApp टैप करना महत्वपूर्ण है।

WhatsApp की क्षमता को टैप करने का सबसे अच्छा तरीका है अपनी बलोग पर WhatsApp शेयर बटन जोड़ना। अन्य सोशल नेटवर्किंग बटनों के समान शेयर बटन आगंतुकों के लिए साझा करना आसान बना देगा। कई तरीकों से आप अपने ब्लॉग पर WhatsApp शेयर बटन लगा सकते हैं।

यह उल्लेखनीय है कि समय के साथ मोबाइल फोन का इस्तेमाल दिन-ब-दिन बढ़ता जा  रहा है। आपकी ब्लोग में मोबाइल से 40% या अधिक ट्रैफ़िक हो सकता है। तो सबसे लोकप्रिय मंच के साझाकरण बटन का उपयोग फायदेमंद होगा। WhatsApp में सामग्री के प्रकार पर सीमा नहीं है जिसका उपयोग इसे साझा करने के लिए किया जाता है। लोग इस पर किसी भी प्रकार की सामग्री साझा कर सकते हैं।

Ex.. के लिए यदि आप प्रोग्रामर हैं तो आप अपने दोस्तों या रिश्तेदारों  के साथ संबंधित लेख साझा कर सकते हैं। संभावना है कि आपके कुछ मित्र प्रोग्रामर या समान नौकरी प्रोफाइल भी होंगे। इसी तरह यदि आप नौकरी की तैयारी कर रहे हैं तो आपके पास नौकरी तलाशने वालों का समूह होगा। तो WhatsApp सभी प्रकार की सामग्री साझा करने के लिए अच्छा फिट है।

====> WhatsApp बटन कैसे जोड़ें?

मैं generic Method  से शुरू करूंगा। generic Method  सभी ब्लोग के लिए काम करेगी। मैं इस  Method  का उपयोग करने की सिफारिश करेंगे। कारण यह है कि आपको अतिरिक्त कोड जोड़ने की ज़रूरत नहीं है। कोड प्रदर्शन के लिए भी सबसे अच्छा है। तो यदि आप WordPress या joomla जैसे ढांचे का उपयोग कर रहे हैं तो भी मैं इस दृष्टिकोण की सिफारिश करूंगा।

इसमें एक आसान code परिवर्तन शामिल है। यदि आप code परिवर्तन करने में सहज नहीं हैं तो आप इस सेक्शन को छोड़ सकते हैं और अगले अनुभाग में जा सकते हैं। अगला अनुभाग दिखाता है कि आप Plugins का उपयोग करके WhatsApp शेयर बटन कैसे जोड़ सकते हैं।

=====> Method :- All Blog us your Code .
ध्यान दें कि यह method आपको Google Analytics में WhatsApp शेयर बटन उपयोग को ट्रैक करने में सहायता करती है। इस आलेख में बाद में वर्णित Plugins method में यह सुविधा नहीं है।
WhatsApp share
Share post 

==> Steps :- 1
संपादन से पहले हम आपको अपने टेम्पलेट का बैकअप बनाने की सलाह देते हैं, ताकि कुछ भी गलत हो जाए, फिर भी आपके ब्लॉग डिज़ाइन को सुरक्षित रखें।

Template में, <data: post.body /> टैग की खोज करें और इसके नीचे बस निम्न HTML कोडिंग paste करें। यदि आप <data: post.body /> नहीं ढूंढ पा रहे हैं, तो आप इसे <div class = 'post-footer'> या <div class = 'post-footer-line post-footer-line post-footer-line -1 '> </ div>।
==> Follow All steps .

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='share-box'>
 
          <h8 class='share-title'>Share This:</h8>
               <div class='share-art'> 
<a class='fac-art' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot;+ data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-facebook'/><span class='resp_del'> Facebook</span></a>

<a class='twi-art' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-twitter'/><span class='resp_del2'> Twitter</span></a>

<a class='goo-art' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/><span class='resp_del3'> Google+</span></a>

<a class='pin-art' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;media=&quot; + data:post.firstImageUrl + &quot;&amp;description=&quot; + data:post.snippet' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-pinterest'/><span class='resp_del4'> Pinterest</span></a>  

<a class='lin-art' expr:href='&quot;http://www.linkedin.com/shareArticle?url=&quot; + data:post.url + &quot;&amp;title=&quot;+ data:post.title' onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=600, height=400, left=24, top=24, scrollbars, resizable&apos;); return false;' rel='nofollow' target='_blank'><i class='fa fa-linkedin-square'/><span class='resp_del5'> Linkedin</span></a>

<whatsapp expr:href='data:post.url' expr:text='data:post.title'/>
<a class='wat-art' expr:href='&quot;whatsapp://send?text=&quot; + data:post.title + &quot; &gt;&gt; &quot; + data:post.url' rel='nofollow' target='_blank'><i class='fa fa-whatsapp'/><span class='resp_del5'> Whatsapp</span></a>

</div>
         </div>
                 
      <div style='clear:both'/> 
</b:if> 
 बधाई !! आपने इसे बनाया है अब आपने सीखा है कि ब्लॉग में WhatsApp शाइंग बटन के साथ सामाजिक साझाकरण विजेट कैसे जोड़ें। अपने ब्लॉग पर जाएं और अद्भुत विजेट को एक्शन में लाइव करें, आशा है कि आपको यह tutorial पसंद आएगा, अगर आपने इसका आनंद लिया तो कृपया इसे अपने friends के साथ साझा करें, हम ऐसे अधिक भयानक विजेट विकसित करने के लिए कड़ी मेहनत कर रहे हैं कृपया हमारे साथ रहें।
“Thanks all friends"

एक टिप्पणी भेजें

0 टिप्पणियाँ