templates/CRM/common/SocialNetwork.tpl

   1 {*
   2  +--------------------------------------------------------------------+
   3  | Copyright CiviCRM LLC. All rights reserved.                        |
   4  |                                                                    |
   5  | This work is published under the GNU AGPLv3 license with some      |
   6  | permitted exceptions and without any warranty. For full license    |
   7  | and copyright information, see https://civicrm.org/licensing       |
   8  +--------------------------------------------------------------------+
   9 *}
  10 {* Adds social networking buttons (Facebook like, Twitter tweet, Google +1, LinkedIn) to public pages (online contributions, event info) *}
  11
  12 <div class="crm-section crm-socialnetwork help">
  13     <h3 class="nobackground">{ts}Help spread the word{/ts}</h3>
  14     <div class="description">
  15         {ts}Please help us and let your friends, colleagues and followers know about our page{/ts}{if $title}:
  16         <span class="bold"><a href="{$pageURL}">{$title}</a></span>
  17         {else}.{/if}
  18     </div>
  19     <div class="crm-fb-tweet-buttons">
  20         {if $emailMode eq true}
  21             {*use images for email*}
  22             <a href="https://twitter.com/share?url={$url|escape:'url'}&amp;text={$title}" id="crm_tweet">
  23                 <img title="Twitter Tweet Button" src="{$config->userFrameworkResourceURL|replace:'https://':'http://'}/i/tweet.png" width="55px" height="20px"  alt="Tweet Button">
  24             </a>
  25             <a href="https://www.facebook.com/plugins/like.php?href={$url}" target="_blank">
  26                 <img title="Facebook Like Button" src="{$config->userFrameworkResourceURL|replace:'https://':'http://'}/i/fblike.png" alt="Facebook Button" />
  27             </a>
  28         {else}
  29             <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
  30             {*use advanced buttons for pages*}
  31             <div class="label">
  32                 <iframe allowtransparency="true" frameborder="0" scrolling="no"
  33                 src="https://platform.twitter.com/widgets/tweet_button.html?text={$title}&amp;url={$url|escape:'url'}"
  34                 style="width:100px; height:20px;">
  35                 </iframe>
  36             </div>
  37             <div class="label">
  38                 <g:plusone href={$url}></g:plusone>
  39             </div>
  40             <div class="label" style="width:300px;">
  41                 <iframe src="https://www.facebook.com/plugins/like.php?app_id=240719639306341&amp;href={$url|escape:'url'}&amp;send=false&amp;layout=standard&amp;show_faces=false&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:30px;" allowTransparency="true">
  42                 </iframe>
  43             </div>
  44             <div class="label">
  45               <script src="https://platform.linkedin.com/in.js" type="text/javascript"></script>
  46               <script type="IN/Share" data-url={$url} data-counter="right"></script>
  47             </div>
  48         {/if}
  49     </div>
  50     {if $pageURL}
  51       {if $emailMode neq true}
  52         <br/>
  53       {/if}
  54       <br/>
  55       <div class="clear"></div>
  56       <div>
  57         <span class="bold">{ts}You can also share the below link in an email or on your website.{/ts}</span>
  58         <br/>
  59         <a href="{$pageURL}">{$pageURL}</a>
  60       </div>
  61     {else}
  62       <div class="clear"></div>
  63     {/if}
  64 </div>
  65
  66