PROJET AUTOBLOG

actualités du Net,référencement efficace

Site original : actualités du Net,référencement efficace

⇐ retour index

Mise à jour

Mise à jour de la base de données, veuillez patienter...

Comment intégrer un tweet dans un site Internet ?

dimanche 24 juin 2018 à 11:01
Les Médias Sociaux, tels Twitter sont de plus en plus fréquentés, relayant souvent via les Tweet, de nombreuses nouvelles parvenant du Monde entier. Certains de ces Tweets sont repris par d'autres ' publishers ' possédant un  compte sur Tweeter, mais beaucoup se posent la question de réussir à n'intégrer que un Tweet, voire plusieurs de provenance différents, dans une page de leur site Internet.
Intégrer un Tweet dans une page d'un site Internet, dans un article d'un blog, est chose très facile ! Beaucoup plus simple que l'on pourrait le penser : Tweeter nous en donne toutes les possibilités; en voici la démonstration par l'exemple avec ce modeste " tuto ".

Comment citer et afficher des tweets sur son site ou blog ?

Première opération : vous rendre sur le compte, ou les comptes (dans ce cas il suffit de répéter l'opération), Twitter qui vous intéressent. Une fois arrivé sur le page du compte Tweeter, vous avez un aperçu général du compte et de l’ensemble des publications, des tweets qui s'y trouvent.
compte Tweeter
compte Tweeter : page d'accueil.
Ici l'exemple du compte que publie, entre autres, le site " unesourisetmoi.info ", pour relayer d'autres tweets, pour publier ses nouvelles mises en ligne, pour se faire connaître si cela est possible.
Vous pouvez visualiser la version actualisée de ce compte, en suivant, autre code fourni lui aussi par Tweeter, le lien ci-dessous:
<script async="" src="https://platform.twitter.com/widgets.js" charset="utf-8">

Trouver le code d'intégration du tweet fourni par Tweeter.

Seconde opération : le code d'intégration ?
Repérez le tweet qui vous intéresse, celui que vous voulez intégrer dans votre page, puis cliquez tout simplement sur la petite flèche située en haut et à droite de ce " mini post ".
partager un tweet
partager un tweet : plusieurs options.
En cliquent sur cette flèche vous aurez plusieurs options:
- partager en message privé.
- copier le lien du tweet.
- intégrer le tweet. ( celui qui nous intéresse ici )
- épingler sur votre page de profil.
- supprimer le tweet.
.... Vous pouvez tester vous-même les autres options.
Cliquez donc maintenant sur " Intégrer le Tweet "...

Insérer le code dans une page Web.

Lorsque vous aurez cliqué sur cette option, Tweeter ouvrira une autre fenêtre, vous donnant le code d'intégration pour publier ce Tweet dans une page Internet normale.
code d'intégration
code d'intégration : diffusion du Tweet.
Cochez l'option " inclure le média " si vous désirez afficher, en plus du Tweet lui-même, les images ou vidéos qu'il contient.
Copiez alors le code fourni et collez celui-ci dans la page de votre site ou blog du côté code source.
Par exemple, ici le code est celui-ci
"<blockquote class="twitter-tweet" data-cards="hidden" data-lang="fr"><p lang="fr" dir="ltr">J&#39;ai ajouté une vidéo à une playlist <a href="https://twitter.com/YouTube?ref_src=twsrc%5Etfw">@YouTube</a> - tucs pour Linux <a href="https://t.co/29mc6NbSKj">https://t.co/29mc6NbSKj</a> <a href="https://t.co/29mc6NbSKj">https://t.co/29mc6NbSKj</a></p>&mdash; unesourisetmoi (@unesourisetmoi) <a href="https://twitter.com/unesourisetmoi/status/1010230101198458880?ref_src=twsrc%5Etfw">22 juin 2018</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
".
Une fois inséré dans votre page vous aurez cela:

Exemple d'affichage de l'intégration d'un Tweet.

Exemple de l'affichage, en direct, du Tweet mis en exemple.

J'ai ajouté une vidéo à une playlist @YouTube - tucs pour Linux https://t.co/29mc6NbSKj https://t.co/29mc6NbSKj

— unesourisetmoi (@unesourisetmoi) 22 juin 2018
<script async="" src="https://platform.twitter.com/widgets.js" charset="utf-8">

Les autres possibilités offertes par Twitter.

Twitter vous offre énormément de possibilités d’intégration diverses, soit des différents Tweets, soit de ' bouton ' au look et aux fonctions différentes, pour ne citer que les plus connues.
Vous pouvez également intégrer un flux plus complet qui affiche les différents Tweets que vous publiez; pour visualiser un exemple concret, revenez en page d'accueil de ce blog, faites un scroll jusque en bas et vous verrez ... ce que cela donne :)
Si besoin de choses ou d'explications plus particulières, les commentaires ( ci-dessous ) peuvent vous permettre de les exprimer.
@bientôt :)source : © le blog du référencement efficace - http://longuetraine.fr - soumis à licence CC - accord préalable demandé -

Comment intégrer un tweet dans un site Internet ?

dimanche 24 juin 2018 à 11:01
Les Médias Sociaux, tels Twitter sont de plus en plus fréquentés, relayant souvent via les Tweet, de nombreuses nouvelles parvenant du Monde entier. Certains de ces Tweets sont repris par d'autres ' publishers ' possédant un  compte sur Tweeter, mais beaucoup se posent la question de réussir à n'intégrer que un Tweet, voire plusieurs de provenance différents, dans une page de leur site Internet.
Intégrer un Tweet dans une page d'un site Internet, dans un article d'un blog, est chose très facile ! Beaucoup plus simple que l'on pourrait le penser : Tweeter nous en donne toutes les possibilités; en voici la démonstration par l'exemple avec ce modeste " tuto ".

Comment citer et afficher des tweets sur son site ou blog ?

Première opération : vous rendre sur le compte, ou les comptes (dans ce cas il suffit de répéter l'opération), Twitter qui vous intéressent. Une fois arrivé sur le page du compte Tweeter, vous avez un aperçu général du compte et de l’ensemble des publications, des tweets qui s'y trouvent.
compte Tweeter
compte Tweeter : page d'accueil.
Ici l'exemple du compte que publie, entre autres, le site " unesourisetmoi.info ", pour relayer d'autres tweets, pour publier ses nouvelles mises en ligne, pour se faire connaître si cela est possible.
Vous pouvez visualiser la version actualisée de ce compte, en suivant, autre code fourni lui aussi par Tweeter, le lien ci-dessous:
<script async="" src="https://platform.twitter.com/widgets.js" charset="utf-8">

Trouver le code d'intégration du tweet fourni par Tweeter.

Seconde opération : le code d'intégration ?
Repérez le tweet qui vous intéresse, celui que vous voulez intégrer dans votre page, puis cliquez tout simplement sur la petite flèche située en haut et à droite de ce " mini post ".
partager un tweet
partager un tweet : plusieurs options.
En cliquent sur cette flèche vous aurez plusieurs options:
- partager en message privé.
- copier le lien du tweet.
- intégrer le tweet. ( celui qui nous intéresse ici )
- épingler sur votre page de profil.
- supprimer le tweet.
.... Vous pouvez tester vous-même les autres options.
Cliquez donc maintenant sur " Intégrer le Tweet "...

Insérer le code dans une page Web.

Lorsque vous aurez cliqué sur cette option, Tweeter ouvrira une autre fenêtre, vous donnant le code d'intégration pour publier ce Tweet dans une page Internet normale.
code d'intégration
code d'intégration : diffusion du Tweet.
Cochez l'option " inclure le média " si vous désirez afficher, en plus du Tweet lui-même, les images ou vidéos qu'il contient.
Copiez alors le code fourni et collez celui-ci dans la page de votre site ou blog du côté code source.
Par exemple, ici le code est celui-ci
"<blockquote class="twitter-tweet" data-cards="hidden" data-lang="fr"><p lang="fr" dir="ltr">J&#39;ai ajouté une vidéo à une playlist <a href="https://twitter.com/YouTube?ref_src=twsrc%5Etfw">@YouTube</a> - tucs pour Linux <a href="https://t.co/29mc6NbSKj">https://t.co/29mc6NbSKj</a> <a href="https://t.co/29mc6NbSKj">https://t.co/29mc6NbSKj</a></p>&mdash; unesourisetmoi (@unesourisetmoi) <a href="https://twitter.com/unesourisetmoi/status/1010230101198458880?ref_src=twsrc%5Etfw">22 juin 2018</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
".
Une fois inséré dans votre page vous aurez cela:

Exemple d'affichage de l'intégration d'un Tweet.

Exemple de l'affichage, en direct, du Tweet mis en exemple.

J'ai ajouté une vidéo à une playlist @YouTube - tucs pour Linux https://t.co/29mc6NbSKj https://t.co/29mc6NbSKj

— unesourisetmoi (@unesourisetmoi) 22 juin 2018
<script async="" src="https://platform.twitter.com/widgets.js" charset="utf-8">

Les autres possibilités offertes par Twitter.

Twitter vous offre énormément de possibilités d’intégration diverses, soit des différents Tweets, soit de ' bouton ' au look et aux fonctions différentes, pour ne citer que les plus connues.
Vous pouvez également intégrer un flux plus complet qui affiche les différents Tweets que vous publiez; pour visualiser un exemple concret, revenez en page d'accueil de ce blog, faites un scroll jusque en bas et vous verrez ... ce que cela donne :)
Si besoin de choses ou d'explications plus particulières, les commentaires ( ci-dessous ) peuvent vous permettre de les exprimer.
@bientôt :)source : © le blog du référencement efficace - http://longuetraine.fr - soumis à licence CC - accord préalable demandé -

Comment intégrer un tweet dans un site Internet ?

dimanche 24 juin 2018 à 11:01
Les Médias Sociaux, tels Twitter sont de plus en plus fréquentés, relayant souvent via les Tweet, de nombreuses nouvelles parvenant du Monde entier. Certains de ces Tweets sont repris par d'autres ' publishers ' possédant un  compte sur Tweeter, mais beaucoup se posent la question de réussir à n'intégrer que un Tweet, voire plusieurs de provenance différents, dans une page de leur site Internet.
Intégrer un Tweet dans une page d'un site Internet, dans un article d'un blog, est chose très facile ! Beaucoup plus simple que l'on pourrait le penser : Tweeter nous en donne toutes les possibilités; en voici la démonstration par l'exemple avec ce modeste " tuto ".

Comment citer et afficher des tweets sur son site ou blog ?

Première opération : vous rendre sur le compte, ou les comptes (dans ce cas il suffit de répéter l'opération), Twitter qui vous intéressent. Une fois arrivé sur le page du compte Tweeter, vous avez un aperçu général du compte et de l’ensemble des publications, des tweets qui s'y trouvent.

compte Tweeter : page d'accueil.
Ici l'exemple du compte que publie, entre autres, le site " unesourisetmoi.info ", pour relayer d'autres tweets, pour publier ses nouvelles mises en ligne, pour se faire connaître si cela est possible.
Vous pouvez visualiser la version actualisée de ce compte, en suivant, autre code fourni lui aussi par Tweeter, le lien ci-dessous:
<script async="" src="https://platform.twitter.com/widgets.js" charset="utf-8">

Trouver le code d'intégration du tweet fourni par Tweeter.

Seconde opération : le code d'intégration ?
Repérez le tweet qui vous intéresse, celui que vous voulez intégrer dans votre page, puis cliquez tout simplement sur la petite flèche située en haut et à droite de ce " mini post ".

partager un tweet : plusieurs options.
En cliquent sur cette flèche vous aurez plusieurs options:
- partager en message privé.
- copier le lien du tweet.
- intégrer le tweet. ( celui qui nous intéresse ici )
- épingler sur votre page de profil.
- supprimer le tweet.
.... Vous pouvez tester vous-même les autres options.
Cliquez donc maintenant sur " Intégrer le Tweet "...

Insérer le code dans une page Web.

Lorsque vous aurez cliqué sur cette option, Tweeter ouvrira une autre fenêtre, vous donnant le code d'intégration pour publier ce Tweet dans une page Internet normale.

code d'intégration : diffusion du Tweet.
Cochez l'option " inclure le média " si vous désirez afficher, en plus du Tweet lui-même, les images ou vidéos qu'il contient.
Copiez alors le code fourni et collez celui-ci dans la page de votre site ou blog du côté code source.
Par exemple, ici le code est celui-ci
"<blockquote class="twitter-tweet" data-cards="hidden" data-lang="fr"><p lang="fr" dir="ltr">J&#39;ai ajouté une vidéo à une playlist <a href="https://twitter.com/YouTube?ref_src=twsrc%5Etfw">@YouTube</a> - tucs pour Linux <a href="https://t.co/29mc6NbSKj">https://t.co/29mc6NbSKj</a> <a href="https://t.co/29mc6NbSKj">https://t.co/29mc6NbSKj</a></p>&mdash; unesourisetmoi (@unesourisetmoi) <a href="https://twitter.com/unesourisetmoi/status/1010230101198458880?ref_src=twsrc%5Etfw">22 juin 2018</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
".
Une fois inséré dans votre page vous aurez cela:

Exemple d'affichage de l'intégration d'un Tweet.

Exemple de l'affichage, en direct, du Tweet mis en exemple.
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8">
Attention, ce code fonctionne parfaitement SI vous l'intégrez sans utiliser d'éditeur wysiwyg pour faire le copier / coller ...

Les autres possibilités offertes par Twitter.

Twitter vous offre énormément de possibilités d’intégration diverses, soit des différents Tweets, soit de ' bouton ' au look et aux fonctions différentes, pour ne citer que les plus connues.
Vous pouvez également intégrer un flux plus complet qui affiche les différents Tweets que vous publiez; pour visualiser un exemple concret, revenez en page d'accueil de ce blog, faites un scroll jusque en bas et vous verrez ... ce que cela donne :)
Si besoin de choses ou d'explications plus particulières, les commentaires ( ci-dessous ) peuvent vous permettre de les exprimer.
@bientôt :)source : © le blog du référencement efficace - http://longuetraine.fr - soumis à licence CC - accord préalable demandé -

Comment intégrer un post Facebook dans un site Internet ?

jeudi 14 juin 2018 à 14:53
Vous passez beaucoup de temps sur Facebook ? Vous voudriez mettre certains posts de temps à autre dans des pages de votre, ou d'un, site Internet ? Quoi de plus facile ! Et de plus tout cela, bénéficiant des codages de Facebook reste en plus interactif ... intéressant, non ? Juste un petit bout de code à aller chercher sur FB ...
Facile à dire !!! Mais il est où ce " bout de code " ? Et comment fait-on pour le mettre et faire apparaître le post depuis Facebook jusque sur cette page du blog ?

Les Publications intégrées.

Les publications intégrées permettent de placer des publications publiques (provenant d’une Page ou d’un profil Facebook) dans le contenu de votre site ou de votre page web, en toute simplicité. Seules les publications publiques provenant de Pages et de profils Facebook peuvent être intégrées.

Obtenir le code d'intégration de Facebook à partir du post, d'une publication.

1 - Rendez vous sur la page Facebook sur laquelle se trouve la publication concernée.
2 - Cliquez sur les trois petits points en haut et à droite.
3 - Un menu déroulant s'affiche.
4 - Choisissez " Intégrer à un site ".
menu déroulant : options possibles sur un post Facebook .
5 - Une autre fenêtre s'ouvre par dessus l'article.
6 - Copiez le code fourni puis collez-le dans la page de votre site Internet ou de votre blog.
intégrer à un site : l'option qui nous intéresse ici .
7 - vous obtenez directement la " copie conforme " en direct de Facebook sur votre page Web, comme ci-dessous ...

Bon, le texte est en bas, ici, mais cela ne change rien du tout.
Et nous avions dit " interactif ", et bien oui, les like, les commentaires, les partages, la date et l'heure de publication s'affichent aussi grâce à l'intégration du code de Facebook et si vous cliquez dessus vous êtes dirigés directement vers la page, vers l'article ou le post originaux . :) Une bonne manière, si l'on veut de booster l'une ou l'autre  des pages !

Avantages et inconvénients de l'insertion du code FB.

Le gros avantage est qu'il est très pratique, visuellement, très rapide aussi, d'intégrer, juste avec quelques lignes de code, un post de Facebook sur une page Web, même si ce n'est pas ' votre ' compte. Tout post " public " peut être ainsi affiché ailleurs de la même manière.
Inconvénients : si vous avez bien fait attention au code d'intégration, celui-ci est relativement assez maléable, mais il reste toujours dans une " IFRAME ", qui comme on le sait n'apporte absolument aucun contenu réel vis à vis des moteurs d'indexation ... Un choix, ou plutôt un mélange à faire en connaissance de cause !

Les options supplémentaires proposées, aux connaisseurs, par les codeurs de Facebook.

Si vous voulez tester cette solution d'intégration depuis Facebook sur un autre site, prenez votre temps, regardez et observez bien; à un moment donné, lors de l'affichage du code à copier, vous avez deux terme : " Afficher l'aperçu " et " Paramètres avancés ".
En cliquant sur le second vous accèderez à plusieurs options supplémentaires données par les codeurs de FB, pour modifier la taille d'affichage par exemple, en jouant sur certains paramètres de l'Iframe d'intégration, et encore d'autres découvertes, intéressantes, que je vous laisse faire vous-même. ... :)

Copie d'écran de l'original en ligne.

Juste pour pouvoir faire une petite comparaison,dimensions exceptées, de l'original et de celui obtenu par intégration du codage ...

post sur Facebook : l'original capturé .
A vous de jouer, maintenant ... :)

Deux autres exemples d'intégration dans le site .


humour .....  :)
source : © le blog du référencement efficace - http://longuetraine.fr - soumis à licence CC - accord préalable demandé -

Comment intégrer un post Facebook dans un site Internet ?

jeudi 14 juin 2018 à 14:53
Vous passez beaucoup de temps sur Facebook ? Vous voudriez mettre certains posts de temps à autre dans des pages de votre, ou d'un, site Internet ? Quoi de plus facile ! Et de plus tout cela, bénéficiant des codages de Facebook reste en plus interactif ... intéressant, non ? Juste un petit bout de code à aller chercher sur FB ...
Facile à dire !!! Mais il est où ce " bout de code " ? Et comment fait-on pour le mettre et faire apparaître le post depuis Facebook jusque sur cette page du blog ?

Les Publications intégrées.

Les publications intégrées permettent de placer des publications publiques (provenant d’une Page ou d’un profil Facebook) dans le contenu de votre site ou de votre page web, en toute simplicité. Seules les publications publiques provenant de Pages et de profils Facebook peuvent être intégrées.

Obtenir le code d'intégration de Facebook à partir du post, d'une publication.

1 - Rendez vous sur la page Facebook sur laquelle se trouve la publication concernée.
2 - Cliquez sur les trois petits points en haut et à droite.
3 - Un menu déroulant s'affiche.
4 - Choisissez " Intégrer à un site ".
menu déroulant : options possibles sur un post Facebook .
5 - Une autre fenêtre s'ouvre par dessus l'article.
6 - Copiez le code fourni puis collez-le dans la page de votre site Internet ou de votre blog.
intégrer à un site : l'option qui nous intéresse ici .
7 - vous obtenez directement la " copie conforme " en direct de Facebook sur votre page Web, comme ci-dessous ...

Bon, le texte est en bas, ici, mais cela ne change rien du tout.
Et nous avions dit " interactif ", et bien oui, les like, les commentaires, les partages, la date et l'heure de publication s'affichent aussi grâce à l'intégration du code de Facebook et si vous cliquez dessus vous êtes dirigés directement vers la page, vers l'article ou le post originaux . :) Une bonne manière, si l'on veut de booster l'une ou l'autre  des pages !

Avantages et inconvénients de l'insertion du code FB.

Le gros avantage est qu'il est très pratique, visuellement, très rapide aussi, d'intégrer, juste avec quelques lignes de code, un post de Facebook sur une page Web, même si ce n'est pas ' votre ' compte. Tout post " public " peut être ainsi affiché ailleurs de la même manière.
Inconvénients : si vous avez bien fait attention au code d'intégration, celui-ci est relativement assez maléable, mais il reste toujours dans une " IFRAME ", qui comme on le sait n'apporte absolument aucun contenu réel vis à vis des moteurs d'indexation ... Un choix, ou plutôt un mélange à faire en connaissance de cause !

Les options supplémentaires proposées, aux connaisseurs, par les codeurs de Facebook.

Si vous voulez tester cette solution d'intégration depuis Facebook sur un autre site, prenez votre temps, regardez et observez bien; à un moment donné, lors de l'affichage du code à copier, vous avez deux terme : " Afficher l'aperçu " et " Paramètres avancés ".
En cliquant sur le second vous accèderez à plusieurs options supplémentaires données par les codeurs de FB, pour modifier la taille d'affichage par exemple, en jouant sur certains paramètres de l'Iframe d'intégration, et encore d'autres découvertes, intéressantes, que je vous laisse faire vous-même. ... :)

Copie d'écran de l'original en ligne.

Juste pour pouvoir faire une petite comparaison,dimensions exceptées, de l'original et de celui obtenu par intégration du codage ...

post sur Facebook : l'original capturé .
A vous de jouer, maintenant ... :)

Deux autres exemples d'intégration dans le site .


humour .....  :)
source : © le blog du référencement efficace - http://longuetraine.fr - soumis à licence CC - accord préalable demandé -