Virtual Web & Website Connection

Add Virtual Web's Script

To start using Virtual Web you need to add the script you received during registration to your website pages. On any page you will want Virtual Web to run - the script is necessary.
<script id="vw_script" src="http://saas.govirtualweb.com/vw/virtual-web/virtual-web.js.jsp?siteId=xxxx" type="text/javascript"></script>
* instead of xxxx you should write you 32 hex digits siteId you have received. If you don't find your email, simply login here and copy/paste the script field.

View Source

ShareBack testing

Add Bookmarklet

You can easily enjoy Virtual Web over any website. Simply drag the link below to your bookmarks and clean on the "Virtual Web bookmarklet" bookmark afterwards. Virtual Web bookmarklet

To make your website appear on the bookmarklet press right button of the mouse on the bookmark and goto properties

Look for "siteId=EMPTY" and replace "EMPTY" with your siteId, you can find it on the Admin Console

Opinions panel

Opinions panel enables people on your website to share their thoughts with the other visitors on the website.

Any user can view the opinions, but in order to write the user must be logged-in the system.

The opinions panel location is determined by adding the following element (DIV) to the pages you choose in your website

<div class="vw_embedded_panel {data: 'opinions'}" id="VIRTUALWEB_opinions_PANEL_PH" style="height:0"></div>

You may add it to your website template if you choose to add to all pages

Forums Link

Virtual Web platform supports forums as defined by Community Admin from the Admin Console -> Community Admin -> Content -> Forums.

It is possible to add link to all community forums or to a specific forum from any place in the website.

This is done by adding the class "vw_open_forums" to your forums link code:

Examples:

Open all forums in default community:

<a class="vw_open_forums" href="#">Open All forums in default community</a>
Try it: Open All forums in default community

Open all forums in a specific community:

<a class="vw_open_forums {communityUrl: '/VirtualWeb'}" href="#">Open All forums in the VirtualWeb community</a>
Try it: Open All forums in the VirtualWeb community

Open a specific forum:

<a class="vw_open_forums forumId {forums: 'SociaLava-f37'}" href="#">Open SociaLava Forum</a>
Try it: Open SociaLava Forum

Notifications Panel

Notifications panel provides your user with a quick update on what's going on in the Social Network.

Any user can click on the links, but only logged-in users can view other users profile.

The notifications panel location is determined by adding the following element (DIV) to the pages you choose in your website

<div class="vw_embedded_panel {data: 'myNotificationsEmbedded',  params: {limit:5} }" id="VIRTUALWEB_myNotificationsEmbedded_PANEL_PH" style="height:250px;width:375px;"></div>

limit:5 state the max number of activities to display

width, height are the size of the element. (minimum width:375px, minimum height:100px;

You may add it to your website template if you choose to add to all pages

Members Panel

Members panel displays the new members that joined your community, as well as the most interesting ones.

Any user can view the members, but only logged-in users can click and view a member user profile.

The members panel location is determined by adding the following element (DIV) to the pages you choose in your website

<div class="vw_embedded_panel {data:'members', params:{breakRow:15,limit:10}}" id="VIRTUALWEB_members_PANEL_PH" style="height:130px;width:954px;"></div>

width, height are fixed at this stage. (fixed width:954px, fixed height:130px;

You may add it to your website template if you choose to add to all pages

Popular opinions Panel

Popular opinions panel shows the most popular opinions/posts/comments in the social network.

Any user can click on a opinions/posts/comment and will be redirect to that page.

The popular opinions panel location is determined by adding the following element (DIV) to the pages you choose in your website

<div class="vw_embedded_panel {data: 'mostReadPosts' , params: {limit:5, resize:450}}" id="VIRTUALWEB_mostReadPosts_PANEL_PH" style="height: 450px;width:331px;"></div>

limit:5 state the max number of opinions to display

resize:450 - panel height

width, height are the size of the element. ( height:450px;)

tabs:'blogs,thisWeek,today' - OPTIONAL: displays tabs for Blogs, thisWeek opinions and today opinions - you may choose which tabs you want

title:'My Panel Title' - OPTIONAL: replace default panel title

tags: a comma separated list - OPTIONAL: get opinions only on the specified tags

You may add it to your website template if you choose to add to all pages

Recommended Articles Panel

Recommended articles panel shows the recommended pages in your website (or in other websites - depend on the configuration in the admin console).

Any user can click on a recommended page and will be redirect to that page.

The recommended articles panel location is determined by adding the following element (DIV) to the pages you choose in your website

<div class="vw_embedded_panel {data: 'urlRecommendations', hashParams: {tags: ''} }" id="VIRTUALWEB_urlRecommendations_PANEL_PH" style="height: 375px;width:331px;"></div>

tags,a comma separated list of tags you want to see

width, height are the size of the element. ( height:450px;)

You may add it to your website template if you choose to add to all pages

Add Login Button

Adding a login button that on click will open a the login window is done by adding a class "vw_do_login" class to your html object (button, DIV, etc.)

Example:

Login Button:

<button class="vw_do_login">Login</button>
Try it:

Add Recommend Button

Adding a recommend button that on click will recommend the URL invoked from on SocaiLAVA(and on social networks connected to). This is done by adding the class "vw_send_recommendation" class to your html object (button, DIV, etc.)

Example:

Recommend Button:

<button class="vw_send_recommendation">Recommend</button>
Try it:

OTHER LINKS:

Check IE Quirk mode

Sample index with profiling

link link link