Gestion de Contenu, de Communauté et de groupes de travail collaboratif - Open Source, français, sécurisé, stable et performant

  • MODULES

    Pour étendre les nombreuses fonctionnalités disponibles de base - modules.npds.org est à votre disposition.

    Des modules complémentaires, une communauté de développeurs active, des forums pour vos questions ... NPDS  est aussi une plateforme de développement !
  • STYLES

    Vous cherchez des thèmes graphiques pour votre portail ou votre communauté : styles.npds.org est à votre disposition.

    Des thèmes du plus simple au plus sophistiqué. Des thèmes facilement modifiables et toujours en Open-Source - Laissez simplement parler votre imagination !
  • BIBLES

    La documentation indispensable pour personnaliser et exploiter toute la puissante de NPDS  est à votre disposition sur bible.npds.org.

    Vous pouvez participer à l'effort de documentation - rien de plus simple : contactez un membre de la Team de développement et nous vous ouvrirons un compte sur le Wiki !
Devenir membre    |    Identifiant : Mot de Passe : -
Au delà de la gestion de contenu 'classique', NPDS met en oeuvre un ensemble de fonctions spécifiquement dédiées à la gestion de Communauté et de groupes de travail collaboratif.
Il s'agit d'un Content & Community Management System (CCMS) robuste, sécurisé, complet, performant et parlant vraiment français.

Gérez votre Communauté d'utilisateurs, vos groupes de travail collaboratif, publiez, gérez et organisez votre contenu grâce aux puissants outils disponibles de base.
  • Multi langues (Français, Anglais, Allemand, Espagnol, Chinois)
  • Respect des standards : UTF8, XHTML, CSS, ...
  • Système de blocs avancés
  • Installation et administration complète et centralisée
  • Editeur HTML intégré
  • Gestionnaire de fichier en ligne
  • Gestion des groupes de membres
  • Ecriture collaborative de documents (PAD)
  • Forums évolués
  • Mini-sites (pour les membres et les groupes de travail)
  • Chat temp réel
  • Système de News et de rubriques complet (édition, révision, publication)
  • ...
Gratuit et libre (Open-Source), développé en PHP, NPDS est personnalisable grâce à de nombreux thèmes et modules et ne requiert que quelques compétences de base.
NPDS Workplace - groupe de travail collaboratif
 NPDS WorkSpace - tous l'univers du travail collaboratif.
Modéré par : developpeur jpb Jireck 
Index du Forum » » Questions fréquentes » » Ajouter la fonction Facebook, Twitter et Google+  
AuteurAjouter la fonction Facebook, Twitter et Google+
fouineur
219     

fouineur
  Posté : 04-07-2013 21:13

Ajouter la fonction J'aime Facebook Twitter ou Google+

Installation simple :

1. Pour commencer voici les liens de configuration :
--------------------------------------------------------------------

Facebook : <a href="https://developers.facebook.com/docs/reference/plugins/like/" target="_blank" class="noir">https://developers.facebook.com/docs/reference/plugins/like/</a>
Twitter : <a href="https://twitter.com/about/resources/buttons" target="_blank" class="noir">https://twitter.com/about/resources/buttons</a>
Google+ : <a href="https://developers.google.com/+/web/+1button/?hl=fr" target="_blank" class="noir">https://developers.google.com/+/web/+1button/?hl=fr</a>


1.1 Pour Facebook Twitter et Google+ :
--------------------------------------

- Aller dans l'administration de votre site "admin.php"
- Cliquez sur "Editer les fichiers de configuration"
- Cliquez sur "header_head"
- Raccourci : www.votre-site/admin.php?op=ConfigFiles_load&files=header_head


1.1.2 Pour Facebook :
---------------------
<div id="fb-root"></div>
<script>(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/fr_FR/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>

1.1.3 Pour Twitter :
--------------------
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>


1.1.4 Pour Google+ :
--------------------
<script type="text/!!javascript!!">
window.___gcfg = {lang: 'fr'};
(function() {
var po = document.createElement('script'); po.type = 'text/!!javascript!!'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>


*****************************************************************
Attention:
On colle le(s) script(s) du haut juste après :
<?PHP
blablabla
?>
Sauvegarder
*****************************************************************

============================================================================= =
============================================================================= =


2. Maintenant faire appel :
---------------------------

2.1 Pour Facebook :
-------------------
<div class="fb-like" data-href="http://votre-site.fr" data-send="true" data-width="450" data-show-faces="true"></div>

2.2 Pour Twitter :
------------------
<td width="10%"><a class="twitter-share-button" href="https://twitter.com/share" data-lang="fr" data-via="Fouineur216" data-url="http://votre-site.fr">Tweeter</a></td>

2.3 Pour Google+ :
------------------
<div class="g-plusone" data-size="medium" data-href="http://votre-site.fr"> </div>

_____________________________________________________________________________

Exemple pour un article :
-------------------------
Conseil : créer un tableau avec 0 bordure :
-------------------------------------------

<table style="width: 30%;" border="0">
<tbody>
<tr>
<td width="10%">
<div class="g-plusone" data-size="medium" data-href="http://votre-site.fr/article.php?sid=206"> </div>
</td>
<td width="10%">
<div class="fb-like" data-href="http://votre-site.fr/article.php?sid=206" data-show-faces="true" data-width="450" data-send="false" data-layout="button_count"> </div>
</td>
<td width="10%"><a class="twitter-share-button" href="https://twitter.com/share" data-lang="fr" data-via="Votre speudo" data-url="http://votre-site.fr/article.php?sid=206">Tweeter</a></td>
</tr>
</tbody>
</table>

============================================================================= =
============================================================================= =
Rien ne vous empêche d'ajouter les autres options proposé par Facebook, Twitter et Google+.

Seulement la deuxième partie sera différente
============================================================================= =
============================================================================= =

Exemple pour Twitter :
----------------------

On a vue le bouton "partager" :
-----------------------------
<td width="10%"><a class="twitter-share-button" href="https://twitter.com/share" data-lang="fr" data-via="Votre speudo" data-url="http://votre-site.fr">Tweeter</a></td>

Bouton "Suivre" :
-----------------
<a href="https://twitter.com/votrespeudo" class="twitter-follow-button" data-show-count="false" data-lang="fr">Suivre @votrespeudo</a>

Bouton "Hashtag" :
------------------
<a href="https://twitter.com/intent/tweet?button_hashtag=HistoiresTwitter" class="twitter-hashtag-button" data-lang="fr">Tweet #HistoiresTwitter</a>

Bouton "Mentionner" :
---------------------
<a href="https://twitter.com/intent/tweet?screen_name=assistance" class="twitter-mention-button" data-lang="fr">Tweet to @assistance</a>



PS : N'oubliez pas d'aller modifier vos information "Site, speudo, etc.." sur le site officiel donner au début de la doc

  Profil  www  Citation   
Jireck
7986       

Jireck
  Posté : 05-07-2013 19:30

ca ressemble a addthis que j'ai expliquer ...

  Profil  www  Citation   
fouineur
219     

fouineur
  Posté : 08-07-2013 01:40

Salut,

En effet ça ne ressemble pas mais ça a bien le même but.

Si j'ai bien tout calculer la chose.
1. On passe encore par un autre serveur.
2. On utilise un script venu d'ailleur.
3. Faut s'inscrire


Si j'utilise addthis
peut-être l'avantage si changement brutal dans certain script facebook google etc.. faudra pas modifier tout nos articles.

Si j'utilise ma façon
Si changement forcement changer les scripts de tout nos article un par un.
Si le serveur addthis met fin a son programme, je serai toujours en vie

Voila en gros ce que j'ai compris.
Me connaissant j'ai encore du dire une connerie quelque part

Message édité par : fouineur / 08-07-2013 01:56


  Profil  www  Citation   
fouineur
219     

fouineur
  Posté : 08-07-2013 02:20

PS : Les coms juste avant ne sont pas des reproches ou quoi que se soit du genre mais c'est de bien comprendre les différences entre l'un et l'autre. La façon de faire les inconvenants, les avantages.

PS : Merci pour l'info "addthis", je vais même en faire un article sur mon site

  Profil  www  Citation   
  
Sauter à :

Temps : 0.0116 seconde(s)