MOD Social Networking for Facebook, Twitter, Google+ 2015-04-09

Use auction listing for Facebook share, and have Share your website with different content.

  1. crashi2k
    WeBid Version:
    • 1.1.0
    UPDATED

    Mod Title: Social-Networking for WeBid
    Version(s): Tested sofar only on WeBid 1.1.x
    Credits: crashi2k
    Install Time: 10 minutes
    Install Difficulty: Easy
    MOD Description: Use auction listing for Facebook share, and have Share your website with different content.
    Last Updated: Fixed installation instruction, and added screenshot to see difference with mod and without.

    MOD Futures:
    • Share Auction listing using Facebook, Twitter etc with Pictures, Title and Description
    • META-TAG Update as well META for Facebook, Google+ and Twitter
    • META refreshes when visiting a new page
    • Floating Share and Like button for your Webid powered by: Addthis.com - No registration needed.
    • Resize script for images to work on Facebook Shares.

    Screenshots

    Without MOD:
    screenshot_social_withoutmod.jpg

    With MOD:
    screenshot_social_withmod.jpg

    Live Demo: https://www.letsshareus.com/webid


    Q: Why not just use the snippet from addthis.com, and go true all this coding?
    A: Simple, by just using the code from addthis.com, will cause facebook to use on all the pages the same Image and Description. Like showing on the screenshot 'without mod'.

    [HR][/HR]

    IMPORTANT! If you do not set the right CHMOD settings for the folders like describe in the WeBID Installation instruction, your Image will not load on other social sites.


    If you have other folders makes sure to set them to 777 as well in /uploaded/




    **** Files to Edit ****
    header.php
    languages/ENG/messages.inc
    themes/default/global_header.tpl
    themes/default/item.tpl

    **** Files to Add *****
    timthumb.php
    includes/socialnetwork.php

    **** Upload Files ****
    timthumb.php -> WeBid/
    includes/socialnetwork.php -> webid/includes/socialnetwork.php

    **** Open languages/ENG/messages.inc ****
    ##Find:

    PHP:
    ?>
    ##Add before
    PHP:
    $MSG['ShareListing'] = "Share this Listing";
    **** Save/Close languages/ENG/messages.inc ****

    **** Open header.php ****

    ##Find:
    PHP:
    include $include_path 'functions_banners.php';
    ##Add after:
    PHP:
    include $include_path 'socialnetwork.php'//Social-Network MOD
    ##Find:
    PHP:
    'B_BOARDS' => ($system->SETTINGS['boards'] == 'y')
    ##Replace with:
    PHP:
    'B_BOARDS' => ($system->SETTINGS['boards'] == 'y'),
           
            
    //SocialNetwork MOD
            
    'SOCIAL_TITLE' => $social_title,
            
    'SOCIAL_DESC' => $social_desc,
            
    'SOCIAL_IMG' => $social_img,
            
    'SOCIAL_URL' => $social_url
            
    //SocialNetwork MOD
    ##Find:
    PHP:
    ?>
    ##Replace with:
    PHP:
    //Social-Network floating button
            if (isset($auction_data['id'])) { }    else    { ?>
            <!-- AddThis Smart Layers BEGIN -->
            <!-- Go to http://www.addthis.com/get/smart-layers to customize -->
            <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js"></script>
            <script type="text/javascript">
              addthis.layers({
                '    theme' : 'transparent',
                'share' : {
                  'position' : 'left',    <!-- Position where to float Left or Right -->
                  'numPreferredServices' : 5 <!-- Number of services -->
                },
                'follow' : {
                  'services' : [
                {'service': 'facebook', 'id': 'YOUR-FB-ID'}, <!-- Change this to your FB account -->
                {'service': 'twitter', 'id': 'YOUR-TWITTER-ID'} <!-- Change this to your twitter account -->
                  ]
                }  
              });
            </script>
            <!-- AddThis Smart Layers END -->
            <?php }
            ?
    **** Save/Close header.php ****

    **** Open themes/default/item.tpl ****

    ##Find or similar:
    HTML:
    <a href="{SITEURL}active_auctions.php?user_id={SELLER_ID}">{L_213}</a>
                    <br><br>
                  </td>
                </tr>
              </table>
    ##Add after:
    HTML:
    <div class="titTable1">
                              <b>{L_ShareListing}</b>
                          </div>
              <table width="100%" cellspacing="0" cellpadding="4" border="0" bgcolor="#ffffff">
                <tr>
                  <td align="center" width="3%" class='table2'>&nbsp;</td>
                  <td class="table2" style="padding:10px;" align="center">
                    <!-- AddThis Button BEGIN -->
                           <div class="addthis_toolbox addthis_32x32_style addthis_default_style">
                            <a class="addthis_button_compact"></a>
                            <a class="addthis_button_email"></a>
                            <a class="addthis_button_print"></a>
                            <a class="addthis_button_facebook"></a>
                            <a class="addthis_button_twitter"></a>
                            <a class="addthis_button_myspace"></a>
                            <a class="addthis_button_linkedin"></a>
                            <a class="addthis_button_pinterest"></a>
                            <a class="addthis_button_google"></a>
                           
                          </div>
                               <script type="text/javascript" src="//s7.addthis.com/js/250/addthis_widget.js"></script>
                      <!-- AddThis Button END -->
                  </td>
                </tr>
              </table>
    **** Save/Close themes/default/item.tpl ****

    **** Open themes/default/global_header.tpl ****

    ##Find or similar:
    HTML:
    <meta name="description" content="{DESCRIPTION}">
    ##Replace with:
    HTML:
            <meta name="description" content="{SOCIAL_DESC}">
    
            <!-- Facebook -->
            <meta property="og:url" content="{SOCIAL_URL}">
            <meta property="og:image" content="{SOCIAL_IMG}">
            <meta property="og:description" content="{SOCIAL_DESC}">
            <meta property="og:title" content="{SOCIAL_TITLE}">
    
            <!-- Google+ -->
            <meta itemprop="name" content="{SOCIAL_TITLE}">
            <meta itemprop="description" content="{SOCIAL_DESC}">
            <meta itemprop="image" content="{SOCIAL_IMG}">
    
            <!-- Twitter -->
            <meta name="twitter:card" content="{PAGE_TITLE}">
            <meta name="twitter:url" content="{SOCIAL_URL}">
            <meta name="twitter:title" content="{SOCIAL_TITLE}">
            <meta name="twitter:description" content="{SOCIAL_DESC}">
            <meta name="twitter:image" content="{SOCIAL_IMG}">
    **** Save/Close themes/default/global_header.tpl ****

    ##END OF INSTALLATION INSTRUCTIONS

    Let me know if you find any bugs.

    Tip: If you have problems with facebook not refreshing use the FB debugger to find the issue or to force FB to clear the cache.

    Enjoy!

    Download: View attachment 2102
    evilbudz and jorgepzp like this.

Recent Reviews

  1. antidote
    antidote
    3/5,
    Version: 2015-04-09
    addthis_widget.js its no disponible private information
  2. RabahM
    RabahM
    5/5,
    Version: 2015-04-09
    Excllent ... thank you for the good job
  3. kpomedia
    kpomedia
    5/5,
    Version: 2015-04-09
    Easy to install,work perfectly !!!
  4. Skazka252
    Skazka252
    5/5,
    Version: 2015-04-09
    Thank, i use it on 1.1.2 working perfect!
  5. dubliner
    dubliner
    4/5,
    Version: 2015-04-09
    kudos for you my friend - works on my site bid.reasonline.net
  6. david alexandru
    david alexandru
    5/5,
    Version: 2015-04-09
    nice job
  7. jorgepzp
    jorgepzp
    5/5,
    Version: 2015-04-09
    Nice job, easy to install and very clear instructions
  8. bernard sibanda
    bernard sibanda
    5/5,
    Version: 2015-04-09
    Great contribution to the webid script.
  9. lucky85
    lucky85
    5/5,
    Version: 2015-04-09
    Great JOB, work perfectly ;)
  10. Martin Patterson
    Martin Patterson
    5/5,
    Version: 2015-04-09
    great work