AAA, NAC, Guest Access & BYOD

 View Only
last person joined: one year ago 

Solutions for legacy and existing products and solutions, including Clearpass, CPPM, OnBoard, OnGuard, Guest, QuickConnect, AirGroup, and Introspect

Embed Twitter feeds in the Weblogin/Self registration page 

Nov 04, 2014 06:33 PM

This article talks about embedding  Twitter feeds to the CPPM Guest self registration page or to the Web Login page.

 

This article best  works with CPPM 6.2 and greater.

 

Environment : This document can be used to present information from Twitter to the guest users using web login or self registration to login to the company's network.

 

Twitter API is constantly changing so the document which we referred did not work. The best way is to create our own widget and post it on the login page.
 
Follow below guide to create your own Twitter timeline widget:
 
1: “Sign in” to your Twitter account.
2: On the top-right corner under “gear icon” choose and click “Settings“.
3: From the left column links click on the last one called “Widgets“.
4: Click “Create new” to see widget options.
5: In the first “User timeline” and complete the fields in the form; most of those fields are optional.
6: Click “Create widget” button.
7: On the bottom right you should get now “snippet of code” (example below).

 

 

rtaImage.jpg

 

Edit the code generated as shown below.
 
<a class="twitter-timeline" href="https://twitter.com/ yourtwittername" data-widget-id="453323176370388992">Tweets by @ yourtwittername</a>
{literal}
<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>
{/literal}
 
I just added the {literal} and {/literal}  in the code. You could also change the preview by using the below tags.
 
Additional timeline styling
 
1: noheader: Hides the timeline header. Please refer to the timeline display requirements when implementing your own header.
2: nofooter: Hides the timeline footer and Tweet box, if included.
3: noborders: Removes all borders within the widget (between Tweets, cards, around the widget.) See also: border-color.
4: noscrollbar: option to hide scrollball if visible.
5: transparent: use this option to remove the background color.
 
Save this code in the footer section of the registration page and we would be able to see the feeds.

 

Below is an example of how the page would look.

 

 

rtaImage (1).jpg

 

If the Web login does not shows the feeds, below are the things we can check.

1: Check if the server has access to Internet.
2: If data port is configured, then make sure the data port had access to internet,
3: Verify that Twitter.com can be reached via port 80 and 443 via the server.

Statistics
0 Favorited
0 Views
0 Files
0 Shares
0 Downloads

Related Entries and Links

No Related Resource entered.