Integrarsi con i Social Media è indispensabile sia come modello di comunicazione, sia come strategia di marketing. Plone, grazie a numerosi moduli specifici, e ancor prima grazie al suo approccio filosofico, si presta bene a queto livello di integrazione.

1. Il tuo portale al centro Massimo Azzolini
CONTÉNTOUR
dei social network
agile.open.connected
RedTurtle

2. Il web oggi, in poche parole

3. Realtà: reti invisibili di nodi unici.
• le reti sociali esistono da sempre
• i nodi non sono tutti uguali:
collettori, esperti, catalizzatori.
• “i mercati sono conversazioni”:
anche le comunità di interesse
e quelle di pratica, per non parlare
delle Città.
Massimo Azzolini

4. Interazione: agire con senso.
• interattività come azione sul senso e
contribuzione al significato degli oggetti
al centro delle reti
• l’intelligenza collettiva fa emergere la
capacità di produrre e distribuire
informazione significativa basandosi
sull’apporto fondante e continuo delle
persone.
cosa produce? un mix di
dati strutturati (direttamente governabili)
contenuti non strutturati, ma altrettanto
significativi per gli utenti
Massimo Azzolini

5. Socializzazione: all together now.
Social Media:
• tutto è cambiato: le strategie di
comunicazione tradizionali non funzionano,
anzi sono controproducenti.
• inevitabilmente sociale: con il read-write web
cambiano comportamenti e aspettative di tutti
gli utenti. (Anche se tu non fai social, i tuoi
utenti si, e fuori dal tuo sito)
• potere agli utenti: possono parlare e quindi lo
fanno (e se non possono farlo nel tuo spazio, lo
fanno al di fuori)
• il sito si governa, il social si vive: cambia
l’approccio teorico, strategico, pratico.
Massimo Azzolini

6. Interpretazione: governare la nave.
Grande opportunità: avere dati e
strumenti per interpretare le tendenze
delle communities di utenti
• servono nuovi strumenti e parametri di
misurazione delle performance.
• qualità dei nodi dei propri network
• qualità delle relazioni create online
• possibilità di fare leva e sfruttare offline
? • occorre essere costantemente coinvolti nel
monitoraggio e nell’interpretazione dei
cambiamenti dei propri network e dei significati
in essi costruiti, negoziati.
• in questo modo web e social media forniscono la
base ed il mezzo per la strategia di
comunicazione.
Massimo Azzolini

7. Il web come fulcro e come leva
• Il web può costituire il motore della
comunicazione multicanale
• dal momento che fornisce:
• un database sempre accessibile,
anche per iniziative off-line
• un ufficio distribuito e moltiplicabile
• il tutto a costi contenuti
e misurabili
Massimo Azzolini

8. Un nuovo piano di progetto
Assessment Analisi Design Development
Monitoring
concept di interazione

9. Analisi: Personas
Analisi Design Development Monitoring
Massimo Azzolini

10. User Experience Design
Analisi Design Development Monitoring
• progettare l’interfaccia
per agire sulle esperienze d’uso
• concept design
• information architecture
• interaction design
• graphic/interactive design
Massimo Azzolini

11. CMS customization
Analisi Design Development Monitoring
Massimo Azzolini

12. SEO & SEM + UX
Analisi Design Development Monitoring
Massimo Azzolini

13. Obiettivo: comunicazione integrata online
Analisi Design Development Monitoring
Massimo Azzolini

14. I principali social
network
Facebook, Twitter
FourSquare (e i suoi fratelli)
Flickr, YouTube
LinkedIn, SlideShare
Quora / Yahoo!Answers
Massimo Azzolini

15. L’integrazione tra Plone e i social network
✓ Add-on Plone ✓ Widget offerti dai social network
‣ autenticazione
‣ snippet di codice
‣ share
‣ flash player
‣ immagini
‣ feed rss
‣ video
‣ ...
✓ Sviluppo di integrazioni ad-hoc
CONTÉNTOUR Massimo Azzolini
Il tuo portale al centro dei social
www.contentour.it
network

16. Utenti Sociali
✓ https://rpxnow.com/ (ora Janrain Engage)
✓ Plone add-on: plonesocial.auth.rpx
CONTÉNTOUR Massimo Azzolini
Il tuo portale al centro dei social
www.contentour.it
network

17. Share it!
✓ AddThis (http://www.addthis.com)
✓ Plone add-on:
‣ collective.addthis
‣ sc.social.bookmarks
‣ sc.social.like (twitter/facebook)
CONTÉNTOUR Massimo Azzolini
Il tuo portale al centro dei social
www.contentour.it
network

18. Video
✓ YouTube (ma anche vimeo)
✓ Plone add-on:
‣ Plumi
‣ collective.flowplayer
- con alcune estensioni
‣ redturtle.video
CONTÉNTOUR Massimo Azzolini
Il tuo portale al centro dei social
www.contentour.it
network

19. Flickr & gallerie
✓ collective.plonetruegallery
✓ collective.gallery
✓ collective.prettyphoto
✓ gallerific
✓ SlimBox
CONTÉNTOUR Massimo Azzolini
Il tuo portale al centro dei social
www.contentour.it
network

20. Commenti: collective.disqus
CONTÉNTOUR Massimo Azzolini
Il tuo portale al centro dei social
www.contentour.it
network

21. con poco di zucch… ehm.. HTML
<script src="http://widgets.twimg.com/j/2/widget.js">
</script>
<script>
new TWTR.Widget({
type: 'list',
title: 'Everything we do at',
subject: 'plone',
width: 'auto',
theme: {
shell: {
background: '#96daff',
color: '#ffffff'
},
tweets: {
background: '#ffffff',
...
}
},
features: {
scrollbar: true,
...
}
}).render().setList('massimoazzolini', 'ploners').start();
</script>
CONTÉNTOUR Massimo Azzolini
Il tuo portale al centro dei social
www.contentour.it
network

22. con poco di zucch… ehm.. HTML
<script src="http://widgets.twimg.com/j/2/widget.js">
</script>
<script>
new TWTR.Widget({
type: 'search',
search: 'plone',
...
theme: {
shell: {
background: '#8ec1da',
color: '#ffffff'
},
tweets: {
background: '#ffffff',
...
}
},
features: {
scrollbar: false,
...
}
}).render().start();
</script>
CONTÉNTOUR Massimo Azzolini
Il tuo portale al centro dei social
www.contentour.it
network

23. con poco di zucch… ehm.. HTML
<script src="http://widgets.twimg.com/j/2/widget.js">
</script>
<script>
new TWTR.Widget({
type: 'profile',
...
theme: {
shell: {
background: '#333333',
...
},
tweets: {
background: '#000000',
...
}
},
features: {
scrollbar: false,
...
}
}).render().setUser('massimoazzolini').start();
</script>
CONTÉNTOUR Massimo Azzolini
Il tuo portale al centro dei social
www.contentour.it
network

24. con poco di zucch… ehm.. HTML
<div id="fb-root"></div>
<script
src="http://connect.facebook.net/en_US/all.js">
</script>
<fb:like-box
href="www.facebook.com/pages/
Contentour/213225042039076"
width="292"
show_faces="true"
stream="true"
header="true">
</fb:like-box>
CONTÉNTOUR Massimo Azzolini
Il tuo portale al centro dei social
www.contentour.it
network

25. con poco di zucch… ehm.. HTML
<script
src="http://connect.facebook.net/en_US/all.js#xfbml=1">
</script>
<fb:recommendations
site="contentour.it"
width="300"
height="200"
header="true"
font=""
border_color="">
</fb:recommendations>
CONTÉNTOUR Massimo Azzolini
Il tuo portale al centro dei social
www.contentour.it
network

26. Altri Social Network: LinkedIn
company
<script src="http://platform.linkedin.com/in.js" type="text/javascript"></script>
<script type="IN/CompanyInsider" data-id="254152" data-
modules="innetwork,newhires,jobchanges"></script>
about me
<script src="http://platform.linkedin.com/in.js" type="text/javascript"></script>
<script type="IN/MemberProfile" data-id="http://it.linkedin.com/in/
massimoazzolini" data-format="inline"></script>
share
<script src="http://platform.linkedin.com/in.js" type="text/javascript"></script>
<script type="IN/Share" data-url="portale.ct.demo.redturtle.it"></script>
collective.linkedin
(add-on per Plone)
CONTÉNTOUR Massimo Azzolini
Il tuo portale al centro dei social
www.contentour.it
network

27. Social Media: YouTube
<iframe
width="560"
height="349"
src="http://www.youtube.com/embed/3TXpXclylWg"
frameborder="0"
allowfullscreen>
</iframe>
CONTÉNTOUR Massimo Azzolini
Il tuo portale al centro dei social
www.contentour.it
network

28. Social Media: SlideShare
<div
style="width:425px"
id="__ss_4051599">
...
<iframe
src="http://www.slideshare.net/slideshow/embed_code/
4051599"
width="425"
height="355"
...>
</iframe>
<div style="padding:5px 0 12px"> View more
<a href="http://www.slideshare.net/">presentations</a>
from
<a href="http://www.slideshare.net/Contentour">
Contentour
</a>
</div>
</div>
CONTÉNTOUR Massimo Azzolini
Il tuo portale al centro dei social
www.contentour.it
network

29. Integrare snippet in Plone
✓ Portlet
✓ Pagine/News/Eventi/…
✓ I filtri HTML vanno configurati
CONTÉNTOUR Massimo Azzolini
Il tuo portale al centro dei social
www.contentour.it
network

30. Massimo Azzolini

31. Sviluppo di integrazioni ad-hoc
✓ Esistono API per ogni Social ✓ Esistono già librerie python su
Network/Media pypi
‣ developers.facebook.com ‣ facebook-sdk
‣ developer.foursquare.com ‣ foursquare
‣ dev.twitter.com ‣ twitter
‣ www.youtube.com/dev ‣ gdata (non solo youtube)
‣ developer.linkedin.com ‣ python-linkedin
‣ www.flickr.com/services/api/ ‣ Flickr.API
‣ … ‣ ...
CONTÉNTOUR Massimo Azzolini
Il tuo portale al centro dei social
www.contentour.it
network

32. Conclusioni
✓ Esiste un mondo al di fuori del
portale
✓ Il messaggio dev’essere
integrato/integrabile
✓ Il tuo portale dev’essere
pensato per:
‣ aggregare contenuti
‣ essere punto di riferimento
‣ fornire contenuti
✓ Plone è adatto allo scopo
CONTÉNTOUR
www.contentour.it

33. Grazie. Thank you.

34. Questions!?
Massimo Azzolini
RedTurtle’s Co-founder &
project manager
massimo.azzolini@redturtle.it
CONTÉNTOUR
www.contentour.it