Time required:30 mins
Skill level: Beginner to Intermediate
Benefits: Once your newsroom is set up no maintenance is required!
Using MindTouch as Social Media Newsroom is the most dynamic, collaborative and adaptive solution to making your company news easily consumable in one location, as you will learn from this tutorial. In a perfect world your web development team is already using MindTouch to power your website. If not, we have both self-hosted and SaaS offerings to suit your website needs. Contact us for more details or download now.
For this Tips and Tricks tutorial I have to assume you have MindTouch up and running. If you don't have knowledge of CSS it will take your web team a brief amount of time to style the required elements listed below.
Since SMNRs (social media newsrooms) are a relatively new sensation, we decided to become our own first case study. We chose a three column layout because we have a wealth of information we want to share with our audience. You may opt for using a more simplistic layout using one or two columns as you see fit. This layout will be applied to your Newsroom page you will create in step three.
The newsroom on MindTouch.com is styled using css divs to create the column layout as seen below. If you don't know CSS or you would rather use a table to enter your data you can do so with borders set to 'none'. The templates we create in step four will be inserted into your divs if using css or cells if you are using tables.
Please note: it is important to get your templates set up before you begin adding pages. However, since the templates for press releases and news coverage are reading the subpages, your newsroom will appear to have no content until we start adding pages in step five. Don't let this worry you, everything will be working great by the end of this tutorial!
A couple extensions are needed for the newsroom to operate. If you have never added an extension before learn how here. If you do know how to add extensions, add the following:
The Add This extension is the most important to your newsroom. This extension will dynamically pull in the title and url of the article your reader wishes to share without them needing to leave the main Newsroom page.
If you are familiar with adding extensions at the following:
http://scripts.mindtouch.com/addthis.xmlMaking it easy for your readers to contact you is very important. We have utilized the Skype extension to content viewers directly to our PR team in a single click. We opted to use skype chat but this extension allows chat, call and add. To add the Skype extension follow these steps located on the developer wiki. If you don't wish to use Skype as an easy means of contact this extension is not required.
Create a new page titled "newsroom" in your main directory. If you have never created a new page before follow these easy steps on Creating a New Page and Hierarchy. This is the page you will be inserting your templates in later. Apply the layout you designed in step one to this page. The templates we create in the next step will be inserted into this page... but we'll come back to that when the templates have been completed.
Templates in MindTouch are pre-formed pages that can be inserted into any page to include the data provided in the template. If you have never created a template before follow these easy steps. Once your templates have been created you will insert them on the "Newsroom" page.
For our Social Media Newsroom we use several templates. I highly recommend using all of them to provide your readers with the greatest amount of information. Our templates are listed below click the (+) link to follow the directions for each element. This way you can build your newsroom buffet style adding the elements you see fit.
Please note: all templates must be pasted into your new template in Source view. Click the
button to toggle between source and WYSIWYG views.
Create a named executive_corner copy the code below and paste it in Source view. Steve's contact information is used in the sample below. Change his information to be relevant to your company.
<div class="profilephoto">{{ wiki.getuser("SteveB") . gravatar }}<br />
<a class="external" href="http://www.linkedin.com/in/bjorg"> <img src="/skins/mtdark/standard/linkedin.gif" alt="" /></a> </div>
<strong>Steve Bjorg</strong>
<p><em>Founder and Chief Technology Officer</em></p>
<p> <a href="mks://localhost/About_MindTouch#Steve_Bjorg" class="external" title="http://www.mindtouch.com/About_MindTouch#Steve_Bjorg">Read Biography</a></p>
Save the template then insert the template on your newsroom page.
Create a template named pr_cornercopy the code below and paste it in Source view. Miiko and Sarah's contact information is used in the sample below. Change their information to be relevant to your company.
<div class="profilephoto"> {{ wiki.getuser("MiikoM") . gravatar }}<br />
<a class="external" href="http://www.linkedin.com/in/miiko"> <img src="/skins/mtdark/standard/linkedin.gif" alt="" /></a> </div>
<strong>Miiko Mentz</strong><br />
<p><em>Senior Director of <br />
New Media & PR, FutureWorks<</em>.</p>
<p>With over 14 years of experience in Public Relations, Miiko's focus is "Web 2.0" and the technology industry.</p>
<div class="clear0"> </div>
<p align="center"> <a href="mailto:addemailaddress" class="external"> <img alt="Schedule an Interview with MindTouch" src="/@api/deki/files/2622/=emailicon.jpg" /></a> {{ skype.chat{user: "sarah.m.carr"} }} <a class="external" title="Schedule an Interview with MindTouch" href="link to form"> <img src="/@api/deki/files/2621/=scheduleaninterview.jpg" alt="Schedule an Interview with MindTouch" /> </a></p>
Create a template named Press Releases copy the code below and paste it in Source view. This template will add the three most recent press releases to your newsroom. If you wish to display more or less edit the number 3 in where="__count < 3"
<h1>Template:Press Releases</h1>
<div class="pr-wrap" foreach="var post in posts" init=" var posts = wiki.getpage('/Newsroom/Press_Releases') . subpages;
let posts = list.sort(map.Values(posts), 'name', true);" where="__count < 3"><span foreach="var tag in tags" where="string.contains(tag.name,'newsdate:')" block="var newsdate=string.replace(tag.name,'newsdate:','');var mth = string.toupper(date.format(newsdate, 'MMM')); var day = date.format(newsdate, 'dd');" class="date" init="var tags = post.tags;"> <span>{{mth}}</span> <br /> <span class="day">{{day;}}</span> </span> <span class="prcontent"><span class="title">{{ post.title }}</span><span class="description"> <br /> {{ string.substr(post.text, 0, 60); }} </span><span class="read-article">{{ web.link(post.uri, 'read article') }} </span></span>{{ addthis.link{url: post.uri, title: post.title, image: "http://www.mindtouch.com/@api/deki/files/1377/=share.jpg"} }}</div>
Save the template then insert the template on your newsroom page.
Create template named Recent news copy the code below and paste it in Source view. This template will add the three most news coverage articles to your newsroom. If you wish to display more or less edit the number 3 in where="__count < 3"
<h1>Template:Recent news</h1>
<div where="__count < 3" init=" var posts = wiki.getpage('/Newsroom/News_Archive') . subpages;
let posts = list.sort(map.Values(posts), 'name', true);" foreach="var post in posts" class="pr-wrap"><span init="var tags = post.tags;" class="date" block="var newsdate=string.replace(tag.name,'newsdate:','');var mth = string.toupper(date.format(newsdate, 'MMM')); var day = date.format(newsdate, 'dd');" where="string.contains(tag.name,'newsdate:')" foreach="var tag in tags"> <span>{{mth}}</span> <br />
<span class="day">{{day;}}</span> </span> <span class="prcontent"><span class="title">{{ post.title }}</span><span class="description"> <br />
{{ string.substr(post.text, 0, 70); }} <br />
</span><span class="read-article">{{ web.link(post.uri, 'read article') }} </span></span>{{ addthis.link{url: post.uri, title: post.title, image: "http://www.mindtouch.com/@api/deki/files/1377/=share.jpg"} }}</div>
Save the template then insert the template on your newsroom page.
Create a template named BlogCorp copy the code below and paste it in Source view. Change the link information to be relevant to your company (change http://www.mindtouch.com/blog/feed). This template will add the five most recent press releases to your newsroom. If you wish to display more or less edit the number 5 in where="__count < 5". If you have multiple blogs you can add the code to as many templates that you need and just give each template a unique name and change the feed url for each blog.
<h1>Template:BlogCorp</h1>
<ul init="var posts = web.xml('http://www.mindtouch.com/blog/feed');" style="margin: 0px; padding: 0px;">
<li block=" var name = xml.text(post, 'dc:creator', {
dc: 'http://purl.org/dc/elements/1.1/'
});
var u = wiki.getUser(name)
" foreach="var post in posts['_:channel/_:item']" style="margin: 0px; padding: 4px 4px 4px 10px; list-style-type: none;" where="__count < 5">
<div style="width: 30px; float: left;">{{ web.Image("http://www.gravatar.com/avatar/" .. u.emailhash .. ".jpg?s=30") }}</div>
<div style="min-height: 40px; margin-left: 40px; font-size: 11px; color: rgb(102, 102, 102); padding-bottom: 0px;"><span style="font-weight: bold; font-size: 12px;">{{ web.link(xml.text(post, 'link'), xml.text(post, 'title')) }}</span><br />
Author: {{ u.anonymous ? name: web.link(u.uri, u.name) }}</div>
</li>
</ul>
Save the template then insert the template on your newsroom page.
Now for the fun part. Create a hierachy for your news and press releases starting underneath your main newsroom page. Your News Archive page will display all news coverage and your Press Release page will display all press releases.
This page will contain a chronological listing of your news coverage. Add the code below to your new page in source view. Nothing will show on this page when you save until you begin adding subpages for your news coverage.
<div where="__count < 100" init=" var posts = wiki.getpage('/Newsroom/News_Archive') . subpages;
let posts = list.sort(map.Values(posts), 'name', true);" foreach="var post in posts" class="pr-wrap"><span init="var tags = post.tags;" class="date" block="var newsdate=string.replace(tag.name,'newsdate:','');var mth = string.toupper(date.format(newsdate, 'MMM')); var day = date.format(newsdate, 'dd');" where="string.contains(tag.name,'newsdate:')" foreach="var tag in tags"> <span>{{mth}}</span> <br />
<span class="day">{{day;}}</span> </span> <span class="prcontent"><span class="title">{{ post.title }}</span><span class="description"> <br />
{{ string.substr(post.text, 0, 70); }} <br />
</span><span class="read-article">{{ web.link(post.uri, 'read article') }} </span></span>{{ addthis.link{url: post.uri, title: post.title, image: "http://www.mindtouch.com/@api/deki/files/1377/=share.jpg"} }}</div>
From your News Archive page click 'new page' to create your first news coverage page. You can title your news coverage whatever you would like. To insure that it shows on your archive page tag the page with "newsdate:yyyy-mm-dd". The newsdate tag controls the order that your pages will appear on the archive and the newsroom itself. The three most current dates will appear in the newsroom and in order of date in the archive.
Your subpages should summarize the news coverage, have a blockquote from the article, and include a link to the article. Add relevant images and videos. Allow readers to share your news coverage by inserting the Add This extension on the page.
This page will contain a chronological listing of your press releases. Add the code below to your new page. Nothing will show on this page when you save until you begin adding subpages for your press releases.
<div where="__count < 50" init=" var posts = wiki.getpage('/Newsroom/Press_Releases') . subpages;
let posts = list.sort(map.Values(posts), 'name', true);" foreach="var post in posts" class="pr-wrap"><span init=" var pgdate = date.isValid(post.name);
var mth;
var day;
if (pgdate) {
let mth = date.format(post.name, 'MMM');
let day = date.format(post.name, 'dd')
}" if="pgdate" class="date"><span class="month"> {{ mth }} </span><br />
<span class="day">{{ day }}</span></span><span class="prcontent"><span class="title">{{ post.title }}</span><span class="description"> <br />
{{ string.substr(post.text, 0, 200); }} </span><span class="read-article"><br />
{{ web.link(post.uri, 'read article') }}</span></span><span class="prcontent"><span class="read-article"> </span></span>{{ addthis.link{url: post.uri, title: post.title, image: "http://www.mindtouch.com/@api/deki/files/1377/=share.jpg"} }}</div>
From your Press Releases page click 'new page' to create your first press release page. You can title your press release whatever you would like. To insure that it shows on your archive page tag the page "newsdate:yyyy-mm-dd". The newsdate tag controls the order that your pages will appear on the archive and the newsroom itself. The three most current dates will appear in the newsroom and in order of date in the archive.
Your subpages will contain an individual release. You can password protect the page by setting the restriction to private and allow only your PR team to see the page until it's ready to go 'live'. This eliminate the need to engage in lengthy email threads with document attachments. All release collaboration can start directly on this page. When the release is complete set the access to "Semi-Public", add your newsdate tag and your release will appear in all the appropriate locations.
Add videos and images using built in extensions. To learn more about inserting images and videos into your release visit our Insert Dialog documentation. Allow readers to share your news coverage by inserting the Add This extension on the page. We have chosen a two column layout for our press releases but just like the newsroom you can design your releases in any way you would like!
Good job you made it through the tutorial! Now you can sit back and enjoy the benefits that using MindTouch as a news platform has to offer!
Lower costs immediately – MindTouch provides you with easy to setup and maintain tools to create a user friendly, social news platform. With little to no maintenance, you can keep focus on what’s most important to your marketing & PR objectives.
Accelerate your time to market with our adaptive platform – Easy to use branding options, and css control allow you to create an SMNR unique to your brand at an accelerated pace. Offering unprecedented extensibility and flexibility, MindTouch evolves to meet the changing needs of a newsroom. With MindTouch’s adaptive framework, you can integrate best-of-breed Web 2.0 applications such as blogs, forums and social networking applications directly into the newsroom. These applications can be added without expensive software engineering resources or requiring any changes to the underlying platform. Companies powering their newsrooms with the adaptive MindTouch platform enjoy control over the choice of technologies to integrate, discover new value in their existing infrastructure investments, and capitalize on the broader Web ecosystem for enhanced interconnection and cutting-edge capabilities.
Catapult above the competition – Make your newsroom stand out from the common web clutter with unique distribution and social features for your markets. With your news and press releases delivered on the MindTouch platform your reach and distribution will increase. All your marketing will be easy to find with MindTouch’s search feature and since MindTouch is SEO friendly your news will be easy to find from Google as well.
Increase productivity with sophisticated collaborative publishing – MindTouch’s award-winning wiki interface is the most sophisticated, feature-rich collaborative publishing solution on the market today, offering a robust user experience, high user engagement, and social media publishing in a familiar, easy-to-use interface. This will help your company develop a powerful and cohesive marketing strategy. MindTouch’s collaborative publishing model includes the following:
Save time with dynamic content aggregation and syndication – MindTouch enables a highly-leveraged publishing model for your newsroom. The newsroom can aggregate relevant, syndicated content from external web sources, internally developed content from content management and publishing systems, and usergenerated content to create a rich, contextually-relevant experience.
| File | Version | Size | Modified | |
|---|---|---|---|---|
| ||||
| ||||
Copyright © 2011 MindTouch, Inc. Powered by