Newest Viewed Downloaded

Managing a Good Website Do’s and Don’ts By Wendy Ng, ITSCWeb Administrator Meeting

Managing a Good Website Do’s and Don’ts By Wendy Ng, ITSC

Web Administrator Meeting

Good navigation design

Make visitors get around your site quickly and easily

Good navigation design

(DON’T) Complex/confuse navigation Avoid meaningless/unrelated element confuse visitors Annoying/complex navigation design (DON’T) Many links in home page Create primary navigation and secondary navigation Group related links (DON’T) Image buttons without explanations Use ALT attribute in the tag e.g. “CU

Good navigation design

(DO) Provide sufficient navigation buttons in your website Consistent navigation style Visitors can easily go forward and backward within the site

Good content design

Improve accessibility on your website

Good content design

(DON’T) Page length too long, display too much materials in one page Split the content smartly, make page length no longer than 2-3 screens Make the page has “theme”, only concentrated on ONE detailed topic (DON’T) Visitors can’t figure out what the site about in few seconds Visitors need to guess whether they enter the right site Visitors coming from search engine will leave immediately

Good content design

(DON’T) Avoid complicated frames Hard to bookmark Hard to navigate and print content Include “” message in web page e.g. Your browser don’t support Frame. (DON’T) Avoid using popup windows Information may be blocked by popups filter Use Dynamic HTML for popup http://www.dynamicdrive.com/dynamicindex11/abox.htm <!-- google_ad_section_end --> </td> <td class="slideBoxRight"></td> </tr> <tr class="slideBoxBottomRow"> <td class="slideBoxBottom"></td> <td class="slideBoxCorner"></td> </tr> </table> </div> </div> <div class="slideBox slideBoxDetail"> <div class="slideBoxWrapper"> <table class="pres14432389"> <tr> <td class="slideBoxMain"> <!-- google_ad_section_start --> <h2>Good content design</h2> (DON’T) Avoid overuse of JavaScript Most JavaScript waste computer resource Most visitors only want to get the information they want, incorrect use will cause visitors feel annoying (DON’T) Aware of using Template design Not compatible for all browsers (especially FrontPage Template) <!-- google_ad_section_end --> </td> <td class="slideBoxRight"></td> </tr> <tr class="slideBoxBottomRow"> <td class="slideBoxBottom"></td> <td class="slideBoxCorner"></td> </tr> </table> </div> </div> <div class="slideBox slideBoxDetail"> <div class="slideBoxWrapper"> <table class="pres14432389"> <tr> <td class="slideBoxMain"> <!-- google_ad_section_start --> <h2>Good content design</h2> (DO) Include corporate or business identity Add CU logo with link Link to Department home page Provide contact information, copyright notice and update notice (DO) Place important information near the top Easy for visitors to find the information (DO) Add page encoding (especially for Chinese pages) <html> <head> <title>The Chinese University of Hong Kong</title> <meta http-equiv="Content-Type" content="text/html; charset=big5"> <!-- google_ad_section_end --> </td> <td class="slideBoxRight"></td> </tr> <tr class="slideBoxBottomRow"> <td class="slideBoxBottom"></td> <td class="slideBoxCorner"></td> </tr> </table> </div> </div> <div class="slideBox slideBoxDetail"> <div class="slideBoxWrapper"> <table class="pres14432389"> <tr> <td class="slideBoxMain"> <!-- google_ad_section_start --> <h2>Good use of text & formatting</h2> Make professional look on your website <!-- google_ad_section_end --> </td> <td class="slideBoxRight"></td> </tr> <tr class="slideBoxBottomRow"> <td class="slideBoxBottom"></td> <td class="slideBoxCorner"></td> </tr> </table> </div> </div> <div class="slideBox slideBoxDetail"> <div class="slideBoxWrapper"> <table class="pres14432389"> <tr> <td class="slideBoxMain"> <!-- google_ad_section_start --> <h2>Good use of text and formatting</h2> (DON’T) Use image or other method that make the font can’t select Search engine/visitors can’t grab your content Text in image format can’t resize on high resolution screen (DON’T) Scrolling text or marquees Visitors will feel annoying by the lines of running text (DON’T) Poor color contrast between background and text Use dark against light Test the page in a monochrome screen or a black & white printer <!-- google_ad_section_end --> </td> <td class="slideBoxRight"></td> </tr> <tr class="slideBoxBottomRow"> <td class="slideBoxBottom"></td> <td class="slideBoxCorner"></td> </tr> </table> </div> </div> <div class="slideBox slideBoxDetail"> <div class="slideBoxWrapper"> <table class="pres14432389"> <tr> <td class="slideBoxMain"> <!-- google_ad_section_start --> <h2>Good use of text and formatting</h2> (DO) Use type safe font and suitable font size Make sure that your fonts are available on most visitors’ computers Avoid a too large font that SHOUTS & a too small font that is hard to read (DO) Use web style sheets Cascading Style Sheet, CSS <!-- google_ad_section_end --> </td> <td class="slideBoxRight"></td> </tr> <tr class="slideBoxBottomRow"> <td class="slideBoxBottom"></td> <td class="slideBoxCorner"></td> </tr> </table> </div> </div> <div class="slideBox slideBoxDetail"> <div class="slideBoxWrapper"> <table class="pres14432389"> <tr> <td class="slideBoxMain"> <!-- google_ad_section_start --> <h2>Good use of text and formatting</h2> (DO) Make your website printable Make a “printable” version of every page in your site Avoid text cut-off at right margin when printing Can’t print all content in a frame (DO) Test on different web browsers   Try out your site on different browsers and different versions of browsers <!-- google_ad_section_end --> </td> <td class="slideBoxRight"></td> </tr> <tr class="slideBoxBottomRow"> <td class="slideBoxBottom"></td> <td class="slideBoxCorner"></td> </tr> </table> </div> </div> <div class="slideBox slideBoxDetail"> <div class="slideBoxWrapper"> <table class="pres14432389"> <tr> <td class="slideBoxMain"> <!-- google_ad_section_start --> <h2>Good use of graphics and multimedia elements</h2> Improve attractability on your website <!-- google_ad_section_end --> </td> <td class="slideBoxRight"></td> </tr> <tr class="slideBoxBottomRow"> <td class="slideBoxBottom"></td> <td class="slideBoxCorner"></td> </tr> </table> </div> </div> <div class="slideBox slideBoxDetail"> <div class="slideBoxWrapper"> <table class="pres14432389"> <tr> <td class="slideBoxMain"> <!-- google_ad_section_start --> <h2>Good use of graphics and multimedia elements</h2> (DON’T) Avoid blinking and flicking features Abuse in using animated gif Busy background that hurt eye Avoid rectangular background of an image Don't resize images by just changing the size tags (DON’T) Avoid overuse of Flash animation Provide alternate entry points to skip the flash animation e.g. use “SKIP” button Meaningless introduction movie that waste visitor’s time <!-- google_ad_section_end --> </td> <td class="slideBoxRight"></td> </tr> <tr class="slideBoxBottomRow"> <td class="slideBoxBottom"></td> <td class="slideBoxCorner"></td> </tr> </table> </div> </div> <div class="slideBox slideBoxDetail"> <div class="slideBoxWrapper"> <table class="pres14432389"> <tr> <td class="slideBoxMain"> <!-- google_ad_section_start --> <h2>Good use of graphics and multimedia elements</h2> (DO) Use JPEG and GIF properly JPEG for big image, or photo with more than 256 colors GIF for transparent, animation, interlace, solid block of colors, or image with few colors (DO) Use web safe palette Make sure all monitors and browsers have the same color in viewing Web safe color = 216 colors <!-- google_ad_section_end --> </td> <td class="slideBoxRight"></td> </tr> <tr class="slideBoxBottomRow"> <td class="slideBoxBottom"></td> <td class="slideBoxCorner"></td> </tr> </table> </div> </div> <div class="slideBox slideBoxDetail"> <div class="slideBoxWrapper"> <table class="pres14432389"> <tr> <td class="slideBoxMain"> <!-- google_ad_section_start --> <h2>Good use of graphics and multimedia elements</h2> (DO) Optimized images/files Too many images increase loading time Reduce photo resolution (graphics in 72 dpi is enough for web) Reuse your graphics images Let visitors know the file size before download Compress file size in PowerPoint presentations http://www.nxpowerlite.com/index.php <!-- google_ad_section_end --> </td> <td class="slideBoxRight"></td> </tr> <tr class="slideBoxBottomRow"> <td class="slideBoxBottom"></td> <td class="slideBoxCorner"></td> </tr> </table> </div> </div> <div class="slideBox slideBoxDetail"> <div class="slideBoxWrapper"> <table class="pres14432389"> <tr> <td class="slideBoxMain"> <!-- google_ad_section_start --> <h2>Q & A</h2> <!-- google_ad_section_end --> </td> <td class="slideBoxRight"></td> </tr> <tr class="slideBoxBottomRow"> <td class="slideBoxBottom"></td> <td class="slideBoxCorner"></td> </tr> </table> </div> </div> </div> <div id="HorizontalAd" class="hidden horizontalAd verticalSpaceAfter newHorizontalAd2"> <script type="text/javascript"> <!-- google_ad_client = "pub-8495673564975419"; /* 2010 Utmanare 6 Presentation Second */ google_ad_slot = "8453565324"; google_ad_width = 728; google_ad_height = 90; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script> </div> <div id="AllOtherSlideRows" class="hidden"></div> </div> </td> <td> <div id="RightColumnWrapper" style="width:300px"> <div id="InnerRightColumnWrapper"> <a href="http://www.slideexecutive.com/xPoint/download" target="_top" id="xPointDownloadLink" alt="SlideExecutive xPoint - download for free"></a> <div> <div class="boxHeader" style="white-space: nowrap;"> <h2> <span class="boxHeaderInfo">Showing 1 - 18 of 18 items </span> Details </h2> </div> <div class="greenBody"> <fieldset> <div class="detailRow"> <div class="detailColumn1">Name:&nbsp;</div> <div class="detailColumn2" title="managing-good-website">managing-good-website</div> </div> <div class="detailRow"> <div class="detailColumn1">Author:&nbsp;</div> <div class="detailColumn2">mmlab</div> </div> <div class="detailRow"> <div class="detailColumn1">Company:&nbsp;</div> <div class="detailColumn2" title="CUHK">CUHK</div> </div> <div class="detailRow"> <div class="detailColumn1">Description:&nbsp;</div> <div class="detailColumn2">Managing a Good Website Do’s and Don’ts By Wendy Ng, ITSCWeb Administrator Meeting</div> </div> <div class="detailRow"> <div class="detailColumn1">Tags:&nbsp;</div> <div class="detailColumn2">and | use | good | the | don | visitors | your | page</div> </div> <div class="detailRow"> <div class="detailColumn1">Created:&nbsp;</div> <div class="detailColumn2">7/5/2005 1:19:23 AM</div> </div> <div class="detailRow"> <div class="detailColumn1">Slides:&nbsp;</div> <div class="detailColumn2">18</div> </div> <div class="detailRow"> <div class="detailColumn1">Views:&nbsp;</div> <div class="detailColumn2">0</div> </div> <div class="detailRow"> <div class="detailColumn1">Downloads:&nbsp;</div> <div class="detailColumn2">5</div> </div> <div class="detailRow"> <div class="detailColumn1">Rating:&nbsp;</div> <div class="detailColumn2"> 0 </div> </div> </fieldset> <br /><br /> <div style="text-align:center"> </div> <div class="clear" style="border-top: 1px solid #96C957; margin:10px 0"></div> <fieldset> <span class="left spacingRight"> <a id="Dl2_14432389" href="http://www.cuhk.edu.hk/internal/managing-good-website.ppt" class="downloadLink dlTracking" rel="nofollow" title="Download presentation"></a> </span> <span class="left spacingRight"> <a class="embed" href="javascript:detail_showEmbedInstructions();" title="Embedd presentation" ></a> </span> <span class="left"> <a class="addFavorite" title="Add to Favorites" onclick="javascript: g_saveFavoritePresentation();"></a> </span> <span class="right"><a id="Comment_14432389" class="internalDiscrete commentLink right" title="Comment this presentation">Comment</a></span> <br /> <br /><br /><br /> <span id="shareThisPresentaitonTitle" class="clear">Share this presentation</span> <br /> <span> <span class="addthis_toolbox" style="padding-bottom: 1px;"> <a class="addthis_button_google_plusone" title="Google Plus" rel="nofollow"></a> <a class="addthis_button_twitter" title="Twitter" rel="nofollow"></a> <a class="addthis_button_facebook" title="Facebook" rel="nofollow"></a> <a class="addthis_button_linkedin" title="LinkedIn" rel="nofollow"></a> <a class="addthis_button_myspace" title="MySpace" rel="nofollow"></a> <a class="addthis_button_stumbleupon" title="StumbleUpon" rel="nofollow"></a> <a class="addthis_button_digg" title="Digg" rel="nofollow"></a> <a class="addthis_button_blogger" title="Blogger" rel="nofollow"></a> <span class="addthis_separator">|</span> <a class="addthis_button_expanded addthisMore left" title="More" rel="nofollow"></a> </span> </span> </fieldset> </div> </div> <script type="text/javascript" defer="defer" src="http://s7.addthis.com/js/250/addthis_widget.js?pub=slidefinder"></script> </div> </div> <div class="clear"></div> </td> </tr> <tr> <td></td> <td> <div class="horizontalAd newHorizontalAd2" id="FooterAd"> <script type="text/javascript"> <!-- google_ad_client = "pub-8495673564975419"; /* 2010 Utmanare 6 Presentation Third */ google_ad_slot = "6186567186"; google_ad_width = 728; google_ad_height = 90; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script> </div> </td> </tr> <tr> <td></td> <td> <div class="paging"> </div> <div class="clear"></div> <div id="CommentsWrapper"> <div class="boxHeader commentBoxHeader"> <h2 id="14432389"> <span class="right"></span>Comments <a class="rssLinkBorder" href="/rss/comment/14432389"><span class="rss"></span></a> </h2> </div> <div id="CommentBody"> <ul> <!-- Here comments are loaded via ajax --> </ul> <button id="LoadComments" type="button" class="hidden">Load more comments</button> <p id="LoadingComments" class="hidden">Loading...</p> <span id="NoMoreComments" class="hidden"><a class="internalDiscrete commentLink" title="No comments - Be the first to comment!">No comments - Be the first to comment!</a></span> </div> </div> <script type="text/javascript"> addInitMethod('InitComments'); </script> </td> </tr> </table> <div class="clear"></div> <div id="EmbedDiv" class="dialog" style="display: none;"> <p> <a href="#" class="internal copyEmbedCode">Copy</a> the following code to your webpage or blog to embed this presentation: </p> <p class="discrete"> &lt;a href="http://www.slidefinder.net/m/managing_good_website_and_don/managing-good-website/14432389" class="slidefinder"&gt;managing-good-website&lt;/a&gt; </p> <p class="discrete"> &lt;script type="text/javascript" src="http://www.slidefinder.net/scripts/embedded.js"&gt;&lt;/script&gt; </p> </div> <div id="EmbedCopyCodeDiv" style="display: none;">&lt;a href="http://www.slidefinder.net/m/managing_good_website_and_don/managing-good-website/14432389" class="slidefinder"&gt;managing-good-website&lt;/a&gt; Det3 &lt;script type="text/javascript" src="http://www.slidefinder.net/scripts/embedded.js"&gt;&lt;/script&gt; </div> <div class="clear"></div> <div> <h2 style="padding: 0 0.5em 0 0; float: right;" class="clear">Share this presentation:</h2> </div> <div style="float:right;" class="clear"> <div class="addthis_toolbox" style="padding-bottom: 1px;"> <a class="addthis_button_google_plusone" title="Google Plus" rel="nofollow"></a> <a class="addthis_button_twitter" title="Twitter" rel="nofollow"></a> <a class="addthis_button_facebook" title="Facebook" rel="nofollow"></a> <a class="addthis_button_linkedin" title="LinkedIn" rel="nofollow"></a> <a class="addthis_button_myspace" title="MySpace" rel="nofollow"></a> <a class="addthis_button_stumbleupon" title="StumbleUpon" rel="nofollow"></a> <a class="addthis_button_digg" title="Digg" rel="nofollow"></a> <a class="addthis_button_blogger" title="Blogger" rel="nofollow"></a> <span class="addthis_separator">|</span> <a class="addthis_button_expanded addthisMore" title="More" rel="nofollow"></a> </div> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js?pub=slidefinder"></script> </div> <span id="trackId" data-text="14432389"></span> <span id="codeCopiedText" data-text="Code copied to clipboard."></span> <script type="text/javascript">addInitMethod('slideTypeWithAd');</script> <div class="clear"></div> <div id="Footer"> <div id="FooterLinks" class="mainLinks"> <div class="section"> <h4>Learn about us</h4> <p><a href="/info/aboutus" class="internalDiscrete" rel="nofollow">About us</a></p> <p><a href="/blog" class="internalDiscrete" rel="nofollow">Our blog</a></p> <p> <a href="http://www.twitter.com/slidefinder" class="external" rel="nofollow">Twitter</a> | <a href="http://www.facebook.com/pages/SlideFinder/172975213835" class="external" rel="nofollow">Facebook</a> </p> <p><a href="/info/privacy" class="internalDiscrete" rel="nofollow">Privacy</a></p> <p><a accesskey="8" href="/info/termsofuse" class="internalDiscrete" rel="nofollow">Terms of use</a></p> </div> <div class="section thin"> <h4><a href="/university" class="internalDiscrete">Universities</a></h4> <p><a href="/university" class="internalDiscrete">Europa (590)</a></p> <p><a href="/university" class="internalDiscrete">América do Norte (792)</a></p> <p><a href="/university" class="internalDiscrete">América do Sul (145)</a></p> <p><a href="/university" class="internalDiscrete">Africa (12)</a></p> <p><a href="/university" class="internalDiscrete">Oceania (24)</a></p> <p><a href="/university" class="internalDiscrete">Asia (282)</a></p> </div> <div class="section"> <h4>Slides by language</h4> <p><a href="/english_(en)" class="internalDiscrete">English</a></p> <p><a href="/spanish_(es)" class="internalDiscrete">Spanish</a></p> <p><a href="/french_(fr)" class="internalDiscrete">French</a></p> <a id="MoreLangLink" class="internalDiscrete">More</a><span class="bullet"></span> <div id="LanguageMoreList"> <ul> <li><a href="/albanian_(sq)" class="internalDiscrete">Albanian</a></li> <li><a href="/arabic_(ar)" class="internalDiscrete">Arabic</a></li> <li><a href="/azeri_(az)" class="internalDiscrete">Azeri</a></li> <li><a href="/bengali_(bn)" class="internalDiscrete">Bengali</a></li> <li><a href="/catalan_(ca)" class="internalDiscrete">Catalan</a></li> <li><a href="/chinese_(zh)" class="internalDiscrete">Chinese</a></li> <li><a href="/croatian_(hr)" class="internalDiscrete">Croatian</a></li> <li><a href="/czech_(cs)" class="internalDiscrete">Czech</a></li> <li><a href="/danish_(da)" class="internalDiscrete">Danish</a></li> </ul> <ul> <li><a href="/dutch_(nl)" class="internalDiscrete">Dutch</a></li> <li><a href="/english_(en)" class="internalDiscrete">English</a></li> <li><a href="/estonian_(et)" class="internalDiscrete">Estonian</a></li> <li><a href="/finnish_(fi)" class="internalDiscrete">Finnish</a></li> <li><a href="/french_(fr)" class="internalDiscrete">French</a></li> <li><a href="/galician_(gl)" class="internalDiscrete">Galician</a></li> <li><a href="/german_(de)" class="internalDiscrete">German</a></li> <li><a href="/greek_(el)" class="internalDiscrete">Greek</a></li> <li><a href="/hebrew_(he)" class="internalDiscrete">Hebrew</a></li> </ul> <ul> <li><a href="/hindi_(hi)" class="internalDiscrete">Hindi</a></li> <li><a href="/hungarian_(hu)" class="internalDiscrete">Hungarian</a></li> <li><a href="/icelandic_(is)" class="internalDiscrete">Icelandic</a></li> <li><a href="/indonesian_(id)" class="internalDiscrete">Indonesian</a></li> <li><a href="/irish_(ga)" class="internalDiscrete">Irish</a></li> <li><a href="/italian_(it)" class="internalDiscrete">Italian</a></li> <li><a href="/japanese_(ja)" class="internalDiscrete">Japanese</a></li> <li><a href="/javanese_(jv)" class="internalDiscrete">Javanese</a></li> </ul> <ul> <li><a href="/korean_(ko)" class="internalDiscrete">Korean</a></li> <li><a href="/kurdish_(ku)" class="internalDiscrete">Kurdish</a></li> <li><a href="/latvian_(lv)" class="internalDiscrete">Latvian</a></li> <li><a href="/lithuanian_(lt)" class="internalDiscrete">Lithuanian</a></li> <li><a href="/luxembourgish_(lb)" class="internalDiscrete">Luxembourgish</a></li> <li><a href="/malay_(ml)" class="internalDiscrete">Malay</a></li> <li><a href="/maltese_(mt)" class="internalDiscrete">Maltese</a></li> <li><a href="/norwegian_(no)" class="internalDiscrete">Norwegian</a></li> </ul> <ul> <li><a href="/pashto_(ps)" class="internalDiscrete">Pashto</a></li> <li><a href="/persian_(fa)" class="internalDiscrete">Persian</a></li> <li><a href="/polish_(pl)" class="internalDiscrete">Polish</a></li> <li><a href="/portuguese_(pt)" class="internalDiscrete">Portuguese</a></li> <li><a href="/punjabi_(pa)" class="internalDiscrete">Punjabi</a></li> <li><a href="/romanian_(ro)" class="internalDiscrete">Romanian</a></li> <li><a href="/russian_(ru)" class="internalDiscrete">Russian</a></li> <li><a href="/sindhi_(sd)" class="internalDiscrete">Sindhi</a></li> </ul> <ul> <li><a href="/slovak_(sk)" class="internalDiscrete">Slovak</a></li> <li><a href="/slovenian_(sl)" class="internalDiscrete">Slovenian</a></li> <li><a href="/spanish_(es)" class="internalDiscrete">Spanish</a></li> <li><a href="/sundanese_(su)" class="internalDiscrete">Sundanese</a></li> <li><a href="/swedish_(sv)" class="internalDiscrete">Swedish</a></li> <li><a href="/turkish_(tr)" class="internalDiscrete">Turkish</a></li> <li><a href="/urdu_(ur)" class="internalDiscrete">Urdu</a></li> <li><a href="/welsh_(cy)" class="internalDiscrete">Welsh</a></li> </ul> <div style="clear:left;"></div> </div> </div> <div class="section"> <h4>Tools</h4> <p><a href="javascript:g_installSearchEngine('http://www.slidefinder.net/opensearch.xml');" class="internalDiscrete">Add Slidefinder to your browser</a></p> <p><a href="http://tools.slidefinder.net/addin-en.aspx" class="internalDiscrete">PowerPoint 2007/2010 Add-in</a></p> <p><a href="javascript:g_loadIndexSuggestionForm();" class="internalDiscrete">Suggest a site to add</a></p> </div> <div class="clear"></div> </div> <div id="Tech"> </div> <div class="clear"></div> </div> <script type="text/javascript"> (function () { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script> </div> <a href="/sitemap.aspx" class="internal">Sitemap</a> <div id="FormDiv"></div> <! -- Google Analytics --> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-4506526-1']); _gaq.push(['_trackPageview']); (function () { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <script type="text/javascript" src="http://img.slidefinder.net/cache/cachecontent/72/js" defer="defer"></script> <div id="fb-root" style="display: none;"></div> <script type="text/javascript"> window.fbAsyncInit = function () { FB.init({ appId: '163484830372554', status: true, cookie: true, xfbml: true }); }; (function () { var e = document.createElement('script'); e.type = 'text/javascript'; e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; e.async = true; document.getElementById('fb-root').appendChild(e); } ()); </script> </body> </html>