Social Media Integration with ServiceNow

[nyrguy45]

Hello All,

First post here, and new System Admin as well 🙂

I wanted to know if there was a way to integrate Social Media (Twitter Feed & Facebook feed) into the service portal using announcements.

Basically the marketing department asked if we could publish all of their feeds in the Service Portal as to avoid the users going directly to the application itself.

Any input would be very helpful.

Thank You  

[Nia McCash]

There are a few Twitter widgets available through share.servicenow.com: 

• Service Portal Twitter Timeline
• Twitter Feed Widget

[VaranAwesomenow]

Hey,

 I tried to integrate twitter/ facebook on my personal dev instance. Its looks like this 🙂

[VaranAwesomenow]

Here is widget code for twitter widget

HTML Template

<div>
<a class="twitter-timeline"
href="https://twitter.com/FastCompany">
Tweets by @FastCompany
</a>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>

CSS-SCSS

.twitter-timeline{
max-height: 500px;
overflow-y: scroll;
margin-bottom: 10px;
}

Client Script

function() {
/* widget controller */
var c = this;
}

Server Script

(function() {
/* populate the 'data' object */
/* e.g., data.table = $sp.getValue('table'); */

})();

FaceBook Widget

***************

HTML Template

<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 = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.11&appId=268388730239412';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-page" data-href="https://www.facebook.com/servicenow/"
data-tabs="timeline"
data-small-header="false"
data-adapt-container-width="true"
data-hide-cover="false"
data-show-facepile="true">
<blockquote cite="https://www.facebook.com/servicenow"
class="fb-xfbml-parse-ignore">
<a href="https://www.facebook.com/servicenow">Servicenow Facebook</a></blockquote></div>

CSS-SCSS

Client Script

function() {
/* widget controller */
var c = this;
}

Server Script

(function() {
/* populate the 'data' object */
/* e.g., data.table = $sp.getValue('table'); */

})();

Hope it helps 🙂

[Tzach Benbenist]

Hello @VaranAwesomenow ,

Thank you for your solution for the Facebook widget.

It's working as expected but we are facing some issues sometimes (It is not consistent), the feed itself doesn't render on esc homepage.

Do you have any idea why it's happening or how to solve it?

Thank you.