{"meta":{"status":200,"messages":[],"pagination":{"max":1,"offset":0,"count":1,"total":1,"pageNum":1,"totalPages":1,"sort":null,"currentUrl":"https://api.digitalmedia.hhs.gov/api/v2/resources/media.json?offset=0&max=1&ignoreHiddenMedia=1&format=json&id=10017&newUrlBase=http://www.cdc.gov/socialmedia/Tools/guidelines","nextUrl":null,"previousUrl":null}},"results":[{"content":"<body>\n <div class=\"syndicate\"> \n  <div> \n   <div>\n     On This Page \n   </div> \n   <ul> \n    <li><a href=\"#Purpose\">Purpose</a></li> \n    <li><a href=\"#Background\">Background</a></li> \n    <li><a href=\"#WidgetTypes\">Widget Types</a></li> \n    <li><a href=\"#Communications\">Communications Strategy</a></li> \n    <li><a href=\"#Clearance\">Clearance</a></li> \n    <li><a href=\"#Consultation\">Consultation</a></li> \n    <li><a href=\"#BestPractices\">Best Practices</a></li> \n    <li><a href=\"#Evaluation\">Evaluation</a></li> \n    <li><a href=\"#CreateWidget\">How to Create a CDC Widget</a></li> \n   </ul> \n  </div> \n  <h3 autofocus=\"true\"> <a name=\"Purpose\" title=\"Purpose\" href=\"http://www.cdc.gov\"></a>Purpose</h3> \n  <p>This document has been designed to provide guidance to Centers for Disease Control and Prevention (CDC) employees and contractors on the process for creating and updating widgets, requirements for planning and design, and best practices for widget development. CDC encourages the strategic use of widgets to effectively and inexpensively reach individuals and partners with timely CDC health and safety information.</p> \n  <h3> <a name=\"Background\" title=\"Background\" href=\"http://www.cdc.gov\"></a>Background</h3> \n  <p>A widget is an application that displays featured content directly on a web page. This content can be embedded in personalized home pages, blogs, and other sites. Once the widget is added to a site, no technical maintenance is required. The content is updated automatically on the host site whenever changes are made by the CDC developer, allowing users to have up-to-date CDC health and safety content with minimal effort.</p> \n  <p>Widgets are different than buttons or badges. Widgets contain dynamic content that is updated regularly. Widgets are usually topic- or campaign-based and are not recommended for short-term communications activities. Buttons and badges are often used to promote campaigns and short health messages to both partner organizations and individuals. A button is a graphic element used to promote campaigns and causes online, and includes static images with a link back to a website. A badge is a graphic that can be posted on an individual\u2019s social network profile or personal blog to show support for or affiliation with a cause or issue.</p> \n  <p><span><span> \n     <!-- --></span>&nbsp;<a href=\"#\">Top of Page</a></span></p> \n  <p><iframe frameborder=\"0\" height=\"350\" src=\"http://www.cdc.gov/widgets/diseaseandconditions/vitalsigns/iframe.html\" width=\"170\">&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;!-- --&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;</iframe> </p> \n  <h3> <a name=\"WidgetTypes\" title=\"Widget Types\" href=\"http://www.cdc.gov\"></a>Widget Types</h3> \n  <p>The Office of the Associate Director for Communication Science, Division of News and Electronic Media, Electronic Media Branch (EMB) has developed a series of widget templates to assist programs in creating widgets at no cost to the program. Widget template descriptions are listed below. More information and examples of the <a href=\"http://intranet.cdc.gov/cdcweb/widgets.html\">widget templates</a> are available (not accessible outside of CDC network).</p> \n  <ul> \n   <li>Image with Messages: This widget type features images with static content that are updated daily or weekly with new images. This widget includes a standard \u201cprevious\u201d and \u201cnext\u201d button that allows the user to browse through all available images in the feed. The content links to a web page with additional information about the topic.</li> \n   <li>Single RSS: This type of widget pulls content from a single RSS feed. The content includes the title and a truncated version of the first sentence of each entry with a link to the full content.</li> \n   <li>Double RSS: This type of widget pulls content from two separate RSS feeds. The content includes the title and a truncated version of the first sentence of each entry with a link to the full content.</li> \n   <li>Triple RSS: This type of widget pulls content from three separate RSS feeds. The content includes the title and a truncated version of the first sentence of each entry with a link to the full content.</li> \n   <li>Image with Messages and Single RSS Feed: This widget type features images with static content messages that are updated daily or weekly with new images, and has a separate tab for content from a RSS feed. The RSS feed content links to a Web page with additional information about the topic.</li> \n   <li>Quiz: This type of widget is a short, five to 10 question quiz on a CDC health or safety topic.</li> \n   <li>Image with Messages, Single RSS and Quiz: This widget type features images with static content that are updated daily or weekly with new images, a separate tab for content from a RSS feed, and a separate tab for a five to 10 question quiz.</li> \n   <li>Video Player: The video player widget allows users to play short captioned videos. Playlist and multi-language support functionality are available.</li> \n  </ul> \n  <p><span><span> \n     <!-- --></span>&nbsp;<a href=\"#\">Top of Page</a></span></p> \n  <h3> <a name=\"Communications\" title=\"Communications Strategy\" href=\"http://www.cdc.gov\"></a>Communications Strategy</h3> \n  <p>Widgets and other social media tools are intended to be part of a larger integrated health communications program or project developed under the leadership of the Associate Director of Communication Science (ADCS) in the Health Communication Science Office (HCSO) of CDC\u2019s National Centers, Institutes, and Offices.</p> \n  <h3> <a name=\"Clearance\" title=\"Clearance\" href=\"http://www.cdc.gov\"></a>Clearance</h3> \n  <p>Widgets must be cleared through the clearance channels determined by your HCSO.</p> \n  <h3> <a name=\"Consultation\" title=\"Consultation\" href=\"http://www.cdc.gov\"></a>Consultation</h3> \n  <p>The Digital Media Branch (DMB) provides consultation on the planning and development of widgets and other social media tools. Please contact <a href=\"mailto:SocialMedia@cdc.gov?subject=Widget%20Information\">SocialMedia@cdc.gov</a> for assistance.</p> \n  <h3> <a name=\"BestPractices\" title=\"Best Practices\" href=\"http://www.cdc.gov\"></a>Best Practices</h3> \n  <p>Before developing a widget, programs should consider the following best practices:</p> \n  <ol> \n   <li> <b>Clearly Define Objectives:</b> Do you want to highlight content, spark action, or encourage awareness of an issue? Clearly defined objectives for a widget project can help in creating widget text and images. Clearly defined objectives will also help you determine the best type of widget to design to meet your communication goals.</li> \n   <li> <b>Know Your Target Audience(s):</b> As with any communications activity, it is important to define your intended target audience(s) in order to develop and communicate messages and graphics that resonate with your audience and prompt them to take action.</li> \n   <li> <b>Create Widgets with A Longer Shelf Life:</b> It is best to create evergreen widgets so that content remains relevant over time. For example, instead of creating a widget for a specific event, we recommend creating either a topic-based image with messages or a quiz widget. As a rule of thumb, each widget should be designed for a minimum of a 6-12 month time span.</li> \n   <li> <b>Consider Widget Design and Usability:</b> Certain design aspects may be important to include, especially if the widget is part of a series or a component of a larger program that has a designated graphic identity. See <a href=\"http://intranet.cdc.gov/cdcweb/reqs_bestpractices/guidance_standards.htm\">HHS and CDC guidelines</a> for good design and usability (Link not accessible outside the CDC network).</li> \n   <li> <b>Links:</b> All widgets should include a URL to direct the user to content on the CDC.gov website.</li> \n   <li> <b>Branding:</b> All widget templates are branded with the CDC and HHS logos. Co-branding and the use of additional logos may also be incorporated. Please refer to the <a href=\"http://brandidentitystandards.cdc.gov/\">CDC Brand Identity standards</a> (not accessible outside of CDC network) for additional information.</li> \n   <li> <b>Share Button:</b> All widgets should have a share button with the embed code that includes a fail-safe JPG and a link to alternate widget content on CDC.gov. It is recommended that the share button with the embed code opens within the widget so that users do not have to leave the site on which they view the widget to access the embed code.</li> \n   <li> <b>Widget Info Tab:</b> \n    <ul> \n     <li>There are three required links on all CDC.gov widgets:</li> \n     <li>www.cdc.gov,</li> \n     <li>www.cdc.gov/widgets, and</li> \n     <li>Additional content includes 1-2 sentences of general information about the topic, a maximum of 60-characters, and one relevant web link for users to click for more information.</li> \n    </ul> </li> \n   <li> <b>Widget Disclaimer Tab:</b> All content on the disclaimer tab is required and cannot be edited or appended in any manner.</li> \n   <li> <b>508 Compliance:</b> The widget templates are compliant with Section 508 guidelines. However, all non-template widgets must pass a 508 compliance test completed by DMB.</li> \n   <li> <b>Updating Widget Content:</b> All widgets must be reviewed annually for content accuracy, per HHS content standards. Each program is responsible for updating their own widget content.</li> \n   <li> <b>Translation:</b> Widgets can be developed in other languages when links to appropriate CDC.gov content in that language are available. See additional information on <a href=\"http://intranet.cdc.gov/od/oc/subWeb/multiLingual/defaultML.htm\">content translation</a> &nbsp;(not accessible outside of CDC network).</li> \n   <li> <b>Promotion:</b> Promoting CDC widgets is strongly recommended as a part of your communication activities and planning. Programs have promoted widgets in the following ways: \n    <ul> \n     <li>Include the widget in the CDC widget gallery</li> \n     <li>Include the widget on your CDC homepage</li> \n     <li>Embed the widget on high-profile topic-specific web pages</li> \n     <li>Include a thumbnail and link in campaign materials</li> \n     <li>Send content-specific GovDelivery email updates</li> \n     <li>Send emails to partners and grantees</li> \n     <li>Schedule promotional messages on CDC social media profiles</li> \n    </ul> </li> \n  </ol> \n  <p><span><span> \n     <!-- --></span>&nbsp;<a href=\"#\">Top of Page</a></span></p> \n  <h3> <a name=\"Evaluation\" title=\"Evaluation\" href=\"http://www.cdc.gov\"></a>Evaluation&nbsp;</h3> \n  <p>Evaluation should be an integral component of all social media activities, including widgets. Evaluation approaches may include reviewing metrics, identifying lessons learned, and determining whether the social media effort successfully met project communication goals.</p> \n  <p>Omniture SiteCatalyst can be used to determine the number of click-throughs from a widget to CDC.gov. Automated metrics reports can be established for programs that use the CDC widget templates. Please visit the <a href=\"http://intranet.cdc.gov/cdcweb/statsmetrics.htm\">statistics and metrics intranet site</a> (link not available outside CDC network) for more information.</p> \n  <h3> <a name=\"CreateWidget\" title=\"How to Create a CDC Widget\" href=\"http://www.cdc.gov\"></a>How to Create a CDC Widget</h3> \n  <ol> \n   <li> <b>Select A Widget:</b> Review the <a href=\"http://intranet.cdc.gov/cdcweb/widgets.html\">widget template</a> page &nbsp;(link not accessible outside the CDC network) and determine the type of widget you would like to create.</li> \n   <li> <b>Develop and Clear Widget Concept and Content:</b> Widgets should be cleared through your Center/Institute/Office\u2019s communications clearance channels.</li> \n   <li> <b>Create The Widget:</b> The <a href=\"http://intranet.cdc.gov/cdcweb/widgets.html\">widget template</a> page &nbsp;(not accessible outside of CDC network)provides CDC developers with the necessary information to create custom widgets based on CDC.gov widget framework. A .zip archive for each widget includes all the files required to create a widget. While the widgets are flash-based (.SWF files), no flash programming is required. An XML file controls all customization. For widget template technical questions, please contact <a href=\"mailto:IMTech@cdc.gov?subject=Widget%20Help\">IMTech@cdc.gov</a>.</li> \n   <li> <b>Create Widget Images:</b> [OPTIONAL] If you do not have images already available for the widget, work with the OADC Division of Communication Services (DCS) to complete a <a href=\"http://intra-apps.cdc.gov/createit/createit2/request_job_start.asp?departmentId=1\">Create-It</a> service request form (link not available outside CDC network). Select \u201cWeb Ready Graphics\u201d from the left navigation to request the development of widget images. Images should be 150 pixels x 190 pixels, and 72 dpi in JPG format to correctly display in the widget.</li> \n   <li> <b>Verify 508 Compliance:</b> Tests for Section 508 compliance should be completed by the Center/Institute/Office before the widget is live. Determine the appropriate <a href=\"http://intranet.cdc.gov/cdcweb/usability/508/contacts.html\">Section 508</a> &nbsp;(link not available outside CDC network) contact.</li> \n   <li> <b>Post the Widget to the CDC.gov Widget Gallery:</b> CDC.gov features all available <a href=\"http://www.cdc.gov/widgets/\">CDC widgets</a>. All widgets displayed on the CDC.gov widget gallery must meet the best practices set forth in this document and must be cleared through the clearance channels developed by your HCSO. To display your widget in the CDC.gov widget gallery, please complete the CDC Widget Checklist (Appendix A) and send the information to &nbsp;<a href=\"mailto:SocialMedia@cdc.gov?subject=Widget%20Information\">SocialMedia@cdc.gov</a>.</li> \n   <li> <b>Track Widget Metrics:</b> Omniture SiteCatalyst can be used to determine the number of click-throughs from a widget to CDC.gov. Automated metrics reports can be established for programs that use the CDC widget templates. Please visit the <a href=\"http://intranet.cdc.gov/cdcweb/statsmetrics.htm\">statistics and metrics</a> intranet site (link not available outside CDC network) for more information.</li> \n   <li> <b>Establish Process for Updating Widget Content:</b> Reviewing and refreshing content is recommended every 6-12 months, and HHS requires content review on an annual basis. Any changes to your widget should follow the clearance procedures established by your HCSO.</li> \n  </ol> \n  <p><span><span> \n     <!-- --></span>&nbsp;<a href=\"#\">Top of Page</a></span></p> \n </div> \n <div class=\"syndicate\"> \n  <svg focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"> \n   <symbol xmlns=\"http://www.w3.org/2000/svg\" viewbox=\"0 0 40 40\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"> \n    <title>PDF</title> \n    <path d=\"M32.52,1H1.45V38.68h38V7.42Z\" /> \n    <polygon points=\"39.38 7.49 32.96 7.49 32.52 1.06 39.38 7.49\" /> \n    <path d=\"M16.28,23C17,21.57,17.84,20,18.5,18.33h0l.26-.64c-.86-3.3-1.38-6-.92-7.67h0A1.19,1.19,0,0,1,19,9.31h.4c.75,0,1.11.95,1.15,1.33h0a6,6,0,0,1-.22,1.68h0a4.1,4.1,0,0,0-.25-1.71h0c-.32-.69-.62-1.1-.88-1.17h0a.85.85,0,0,0-.32.64h0a9.59,9.59,0,0,0-.12,1.47h0a16.43,16.43,0,0,0,.68,4.28h0c.08-.24.16-.48.22-.7h0l.68-2.65h0s-.15,3.07-.36,4h0c0,.2-.09.39-.14.59h0a13.5,13.5,0,0,0,3.36,5.25h0a10.46,10.46,0,0,0,1.94,1.34h0a26.93,26.93,0,0,1,3.95-.3h0a5,5,0,0,1,3,.68h0a1.2,1.2,0,0,1,.33.76h0a2.6,2.6,0,0,1-.06.44h0c0-.08,0-.47-1.19-.86h0a14,14,0,0,0-4.84-.06h0c2.46,1.2,4.85,1.79,5.61,1.44h0a1.69,1.69,0,0,0,.41-.4h0a3.92,3.92,0,0,1-.23.76h0a1.2,1.2,0,0,1-.59.4h0c-1.2.32-4.31-.42-7-2h0a57.18,57.18,0,0,0-9,2.15h0c-2.63,4.6-4.6,6.71-6.21,5.91h0l-.59-.3a.69.69,0,0,1-.22-.74h0c.19-.92,1.34-2.3,3.65-3.67h0c.24-.16,1.35-.74,1.35-.74h0s-.82.79-1,1h0c-1.84,1.51-3.2,3.41-3.17,4.14h0v.07c1.56-.23,3.91-3.41,6.93-9.31m.95.49c-.5,1-1,1.83-1.45,2.63h0a38.68,38.68,0,0,1,7.8-2.2h0c-.35-.24-.68-.5-1-.76h0a13.42,13.42,0,0,1-3.29-4.28h0a35.21,35.21,0,0,1-2.06,4.61\" /> \n   </symbol> \n  </svg> \n </div>\n <script type=\"application/ld+json\">{\"@context\":\"http://schema.org\",\"@type\":\"Article\",\"headline\":\"Widgets Guidelines &amp; Best Practices\",\"datePublished\":\"2016-34-23T22:34:58Z\",\"description\":\"Basic information from CDC about breast cancer.\",\"about\":\"prevention, research, policy, cessation, tools, secondhand smoke, social media, Smoking Use and Tobacco Facts, Guidance, Regulations and Compliance\",\"audience\":\"\",\"dateCreated\":\"2016-34-23T22:34:58Z\",\"dateModified\":\"2016-56-23T22:56:01Z\",\"sourceOrganization\":\"Centers for Disease Control and Prevention\"}</script>\n</body><div class='syndicate'><span><Strong>Syndicated Content Details:</strong></span><br/><span>Source URL: <a href='http://www.cdc.gov/socialmedia/Tools/guidelines/widgetguidance.html'>http://www.cdc.gov/socialmedia/Tools/guidelines/widgetguidance.html</a></span><br/><span>Source Agency: <a href='http://www.cdc.gov'>Centers for Disease Control and Prevention (CDC)</a></span><br/><span>Captured Date: 2016-05-23 22:34:58.0</span><br/></div><iframe src=\"//www.googletagmanager.com/ns.html?id=GTM-KT9TM9&mediaId=10017&mediaType=html&sourceUrl=http%3A%2F%2Fwww.cdc.gov%2Fsocialmedia%2FTools%2Fguidelines%2Fwidgetguidance.html&userId=-1&sourceId=6&sourceAcronym=CDC&campaignId=-1&campaignName=null&languageId=1&isoCode=eng\" height=\"0\" width=\"0\" style=\"display:none;visibility:hidden\"></iframe><noscript><iframe src=\"//www.googletagmanager.com/ns.html?id=GTM-KT9TM9&mediaId=10017&mediaType=html&sourceUrl=http%3A%2F%2Fwww.cdc.gov%2Fsocialmedia%2FTools%2Fguidelines%2Fwidgetguidance.html&userId=-1&sourceId=6&sourceAcronym=CDC&campaignId=-1&campaignName=null&languageId=1&isoCode=eng\" height=\"0\" width=\"0\" style=\"display:none;visibility:hidden\"></iframe></noscript>","description":"Basic information from CDC about breast cancer.","id":10017,"mediaType":"Html","name":"Widgets Guidelines & Best Practices","sourceUrl":"http://www.cdc.gov/socialmedia/Tools/guidelines/widgetguidance.html"}]}