Hi
I am Trying to use $metatags in the <head> section of my .ss pages but it appears at the top of my page
How do I hide this?
This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.
Please use forum.silverstripe.org for any new questions
(announcement).
The forum archive will stick around, but will be read only.
You can also use our Slack channel
or StackOverflow to ask for help.
Check out our community overview for more options to contribute.
Hi
I am Trying to use $metatags in the <head> section of my .ss pages but it appears at the top of my page
How do I hide this?
I think it should be $MetaTags (camelcase), but apart from that:
do you mean something is actually displayed at the top of your page on the website? In that case take a look at the HTML source of your generated page and check if something is wrong there (missing tags maybe)
Or maybe you mean the fact that using Custom meta tags in the cms end up on the page?
I type meta tags into the CMS and it shows up at the top of my page.
They were not showing on the page prior to me adding $metatags so I added it to my .ss pages in themes in the head section and they appear in view source in the head and the body.
I have the exact same problem as Slk.
Have a look at the structure of your HTML. Is $MetaTags inside the <head> element? Does the rest of your HTML validate?
Which version of SS are you using?
SS2 had a field custom metatags, this ends up on top of the page because you had to fill out a tag (in html)
there.
Please post your Page.ss or at least the part containing MetaTags(false)
May I hijack this one again:
I am using SS 3.1 and this is my Page.ss
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--[if !IE]><!-->
<html lang="$ContentLocale" xmlns="http://www.w3.org/1999/xhtml">
<!--<![endif]-->
<!--[if IE 6 ]><html lang="$ContentLocale" class="ie ie6" xmlns="http://www.w3.org/1999/xhtml"><![endif]-->
<!--[if IE 7 ]><html lang="$ContentLocale" class="ie ie7" xmlns="http://www.w3.org/1999/xhtml"><![endif]-->
<!--[if IE 8 ]><html lang="$ContentLocale" class="ie ie8" xmlns="http://www.w3.org/1999/xhtml"><![endif]-->
<head>
<% base_tag %>
<title><% if $MetaTitle %>$MetaTitle<% else %>$Title<% end_if %></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
$MetaTags(false)
<% require themedCSS('reset') %>
<% require themedCSS('typography') %>
<% require themedCSS('form') %>
<% require themedCSS('layout') %>
<link rel="shortcut icon" href="$ThemeDir/images/favicon.ico" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,600,600italic,700,700italic' rel='stylesheet' type='text/css' />
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', '++++++++', '+++++++++');
ga('send', 'pageview');
</script>
</head>
<body>
<div id="wrapper">
<% include Header %>
$Layout
</div>
<% include Footer %>
</body>
</html>
And this is the browser output
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--[if !IE]><!-->
<html lang="de-DE" xmlns="http://www.w3.org/1999/xhtml">
<!--<![endif]-->
<!--[if IE 6 ]><html lang="de-DE" class="ie ie6" xmlns="http://www.w3.org/1999/xhtml"><![endif]-->
<!--[if IE 7 ]><html lang="de-DE" class="ie ie7" xmlns="http://www.w3.org/1999/xhtml"><![endif]-->
<!--[if IE 8 ]><html lang="de-DE" class="ie ie8" xmlns="http://www.w3.org/1999/xhtml"><![endif]-->
<head>
<base href="http://www.*********/" />
<title>Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="generator" content="SilverStripe - http://silverstripe.org" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
Fundraising, Fundraiser, Fülle, Freiheit, Philanthropie, Philanthrop, Impact Investment, Nachhaltigkeit, Nachhaltige Investitionen, Nachhaltige Projekte, Non-Profit-Organisationen, Spenden, Schöpfer, out of the box, neue Wege, Mut, Vernetzen, Querdenker, Kommunikator, Kommunikation, Botschaften, Wirkung, Verhandler, Verhandlungen, Vermittler, vermitteln, Eigenverantwortung,win-win
<meta name="x-page-id" content="1" />
<meta name="x-cms-edit-link" content="admin/pages/edit/show/1?locale=de_DE" />
<link rel="alternate" type="text/html" title="Home" hreflang="en-GB" href="http://www.*********/home-en-gb/" />
<link rel="alternate" type="text/html" title="Home" hreflang="de-DE" href="http://www.*********/" />
<link rel="shortcut icon" href="/themes/greenRhythm/images/favicon.ico" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,600,600italic,700,700italic' rel='stylesheet' type='text/css' />
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', '+++++++++++++', '+++++++++++++');
ga('send', 'pageview');
</script>
<link rel="stylesheet" type="text/css" href="/themes/greenRhythm/layerslider/css/layerslider.css?m=1398616742" />
<link rel="stylesheet" type="text/css" href="/themes/greenRhythm/css/reset.css?m=1398501417" />
<link rel="stylesheet" type="text/css" href="/themes/greenRhythm/css/typography.css?m=1399229282" />
<link rel="stylesheet" type="text/css" href="/themes/greenRhythm/css/form.css?m=1398606298" />
<link rel="stylesheet" type="text/css" href="/themes/greenRhythm/css/layout.css?m=1400954693" />
</head>
<body>
<div id="wrapper">
<div id="topbar">
<div id="topbar-inner">
<div id="contact">
Kontakt <a href="tel:+4232322070">+423 232 20 70</a> | <a href="******">********</a>
</div>
<div id="language-switch">
<ul class="clear">
<li>
<a href="/home-en-gb/" hreflang="en-GB" title="Home - English (UK)">
<img src="/themes/greenRhythm/images/lang-en.png" alt="Home" />
</a>
</li>
</ul>
</div>
<div class="social"><a href="**********************" title="greenRhythm auf LinkedIn" class="linkedin" target="_blank">greenRhythm auf LinkedIn</a></div>
<div class="social"><a href="**********************" title="greenRhythm auf XING" class="xing" target="_blank">greenRhythm auf XING</a></div>
</div>
</div>
<div id="header">
<div id="logo">
<a href="/" title="greenRhythm Establishment"><img src="/themes/greenRhythm/images/greenRhythm.png" alt="greenRhythm Establishment" /></a>
</div>
<div id="nav">
<ul>
<li class="current">
<a href="/" title="Home">Home</a>
</li>
<li class="link">
<a href="/profil/" title="Profil">Profil</a>
</li>
<li class="link">
<a href="/leistungen/" title="Leistungen">Leistungen</a>
</li>
<li class="link">
<a href="/netzwerk/" title="Netzwerk">Netzwerk</a>
</li>
<li class="link">
<a href="/kontakt/" title="Kontakt">Kontakt</a>
</li>
</ul>
</div>
</div>
<!-- Child HomePage -->
<div id="banner">
<div id="layerslider" style="width:100%; height: 395px;" class="typography" lang="de-DE">
<!-- Slider -->
<div class="ls-slide" data-ls="transition2d:1; slidedelay: 5000; timeshift:-1000;">
<img src="/themes/greenRhythm/sliderimages/bg_green.jpg" class="ls-bg" alt="Slide background"/>
<p class="ls-l" style="top:97px;left:495px;font-weight:400;font-size:18px;line-height:36px;color:#fff;white-space: nowrap;" data-ls="offsetxin:50;durationin:2000;delayin:500;offsetxout:-100;durationout:1000;">Bruno Stephan Walder</p>
<p class="ls-l" style="top:129px;left:495px;font-weight:600;font-size:26px;line-height:36px;color:#fff; width:465px; white-space: normal;" data-ls="offsetxin:50;durationin:2000;delayin:800;offsetxout:-100;durationout:1000;">Fundraiser · Kommunikator · Berater</p>
<p class="ls-l" style="top:166px;left:495px;font-weight:400;font-size:18px;line-height:36px;color:#fff;white-space: nowrap;" data-ls="offsetxin:50;durationin:2000;delayin:1100;offsetxout:-100;durationout:1000;">für Ihre Projekte zu</p>
<p class="ls-l" style="top:200px;left:495px;font-weight:600;font-size:26px;line-height:36px;color:#fff;white-space: nowrap;" data-ls="offsetxin:50;durationin:2000;delayin:1400;offsetxout:-100;durationout:1000;">Nachhaltigkeit · Umwelt · Politik</p>
<img class="ls-l" style="top:0px;left:0px;white-space: nowrap;" data-ls="durationin:2000;delayin:500;fadein:true;fadeout:true; offsetxin:-100;offsetyin:0;offsetxout:100;offsetyout:0" src="/themes/greenRhythm/sliderimages/bsw.png" />
<a href="/leistungen" class="ls-l" style="top:242px;left:495px;font-weight:400;font-size:16px;line-height:36px;color:#fff;text-decoration:underline;white-space: nowrap;" data-ls="offsetxin:50;durationin:2000;delayin:1600;offsetxout:-100;durationout:1000;">mehr</a>
</div>
<div class="ls-slide" data-ls="transition2d:1; slidedelay: 4000; timeshift:-1000;">
<img src="/themes/greenRhythm/sliderimages/bg_fund.jpg" class="ls-bg" alt="Slide background"/>
<p class="ls-l" style="top:97px;left:495px;font-weight:600;font-size:26px;line-height:36px;color:#fff; width:465px; white-space: normal;" data-ls="offsetxin:50;durationin:2000;delayin:500;offsetxout:-100;durationout:1000;">Fundraising und Philantropie</p>
<p class="ls-l" style="top:129px;left:495px;font-weight:400;font-size:18px;line-height:36px;color:#fff;white-space: nowrap;" data-ls="offsetxin:50;durationin:2000;delayin:800;offsetxout:-100;durationout:1000;">Fülle für Nachhaltigkeit</p>
<img class="ls-l" style="top:0px;left:0px;white-space: nowrap;" data-ls="durationin:2000;delayin:500;fadein:true;fadeout:true; offsetxin:-100;offsetyin:0;offsetxout:100;offsetyout:0" src="/themes/greenRhythm/sliderimages/fund.png" />
<a href="/leistungen/fundraising-und-philanthropie" class="ls-l" style="top:165px;left:495px;font-weight:400;font-size:16px;line-height:36px;color:#fff;text-decoration:underline;white-space: nowrap;" data-ls="offsetxin:50;durationin:2000;delayin:1100;offsetxout:-100;durationout:1000;">mehr</a>
</div>
<div class="ls-slide" data-ls="transition2d:1; slidedelay: 4000; timeshift:-1000;">
<img src="/themes/greenRhythm/sliderimages/bg_naturparke.jpg" class="ls-bg" alt="Slide background"/>
<p class="ls-l" style="top:97px;left:495px;font-weight:600;font-size:26px;line-height:36px;color:#fff; width:465px; white-space:normal;" data-ls="offsetxin:50;durationin:2000;delayin:500;offsetxout:-100;durationout:1000;">Naturparke überall. Und in der Schweiz?</p>
<p class="ls-l" style="top:166px;left:495px;font-weight:400;font-size:18px;line-height:36px;color:#fff;white-space: nowrap;" data-ls="offsetxin:50;durationin:2000;delayin:800;offsetxout:-100;durationout:1000;">Ganz natürlich</p>
<img class="ls-l" style="top:0px;left:100px;white-space:nowrap;" data-ls="durationin:2000;delayin:1500;fadein:true;fadeout:true;scalexin:1.1;scaleyin:1.1;easingin:easeOutSine;easingout:easeInSine;offsetxin:-500;offsetyin:0;offsetxout:400;offsetyout:0;durationout:2000;scalexout:0.9;scaleyout:0.9;showuntil:2000;" src="/themes/greenRhythm/sliderimages/adler2.png" />
<a href="/leistungen/naturparke-ueberall-und-in-der-schweiz" class="ls-l" style="top:200px;left:495px;font-weight:400;font-size:16px;line-height:36px;color:#fff;text-decoration:underline;white-space:nowrap;" data-ls="offsetxin:50; durationin:2000; delayin:1100; offsetxout:-100; durationout:1000;">mehr</a>
</div>
<div class="ls-slide" data-ls="transition2d:1; slidedelay: 4000; timeshift:-1000;">
<img src="/themes/greenRhythm/sliderimages/bg_afrika.jpg" class="ls-bg" alt="Slide background"/>
<p class="ls-l" style="top:97px;left:495px;font-weight:600;font-size:26px;line-height:36px;color:#fff; width:465px; white-space: normal;" data-ls="offsetxin:50;durationin:2000;delayin:500;offsetxout:-100;durationout:1000;">Wenn Afrika und Europa sich begegnen</p>
<p class="ls-l" style="top:166px;left:495px;font-weight:400;font-size:18px;line-height:36px;color:#fff;white-space: nowrap;" data-ls="offsetxin:50;durationin:2000;delayin:800;offsetxout:-100;durationout:1000;">Ist das Welterbe würdig?</p>
<img class="ls-l" style="top:0px;left:0px;white-space: nowrap;" data-ls="durationin:2000;delayin:500;fadein:true;fadeout:true; offsetxin:-100;offsetyin:0;offsetxout:100;offsetyout:0" src="/themes/greenRhythm/sliderimages/afrika2.png" />
<a href="/leistungen/wenn-afrika-und-europa-sich-begegnen" class="ls-l" style="top:200px;left:495px;font-weight:400;font-size:16px;line-height:36px;color:#fff;text-decoration:underline;white-space: nowrap;" data-ls="offsetxin:50;durationin:2000;delayin:1100;offsetxout:-100;durationout:1000;">mehr</a>
</div>
<div class="ls-slide" data-ls="transition2d:1; slidedelay: 4000; timeshift:-1000;">
<img src="/themes/greenRhythm/sliderimages/bg_eigenverantwortung.jpg" class="ls-bg" alt="Slide background"/>
<p class="ls-l" style="top:97px;left:495px;font-weight:600;font-size:26px;line-height:36px;color:#fff; width:465px; white-space:normal;" data-ls="offsetxin:50;durationin:2000;delayin:500;offsetxout:-100;durationout:1000;">Neue Strategien für UNESCO Welterbe</p>
<p class="ls-l" style="top:166px;left:495px;font-weight:400;font-size:18px;line-height:36px;color:#fff;white-space:normal;" data-ls="offsetxin:50;durationin:2000;delayin:800;offsetxout:-100;durationout:1000;">Klare Ziele für Verhandlungserfolg</p>
<img class="ls-l" style="top:0px;left:220px;white-space:nowrap;" data-ls="durationin:2000;delayin:1000;fadein:true;fadeout:true;scalexin:1.1;scaleyin:1.1;easingin:easeOutSine;easingout:easeInSine;offsetxin:-400;offsetyin:0;offsetxout:400;offsetyout:0;durationout:1000;showuntil:1500" src="/themes/greenRhythm/sliderimages/eigenverantwortung.png" />
<a href="/leistungen/eigenvearantwortung-staerken" class="ls-l" style="top:200px;left:495px;font-weight:400;font-size:16px;line-height:36px;color:#fff;text-decoration:underline;white-space: nowrap;" data-ls="offsetxin:50;durationin:2000;delayin:1100;offsetxout:-100;durationout:1000;">mehr</a>
</div>
<!-- Slider End -->
</div>
</div>
<div id="content" class="typography">
<p>LEISTUNGSPROFIL</p>
<div id="section1">
<div class="spalte">
<h3>Fundraiser</h3>
<p>Fülle für alle in Freiheit. Das ist meine Motivation als Fundraiser. Sie als Philanthrop möchten gezielt in nachhaltige Projekte investieren. Ihre Non-Profit-Organisation hat die Projekte und sucht …</p>
<p><a href="/leistungen/#fundraiser">versteckter link</a></p>
</div>
<div class="spalte">
<h3>Vernetzer und Querdenker</h3>
<p>Wir sind die Schöpfer dessen, was möglich ist. Somit ist alles möglich. Gerne denke und realisiere ich mit Ihnen „out of the box“. Gehen wir gemeinsam mutig neue Wege …<br><br></p>
<p><a href="/leistungen/#querdenken">versteckter link</a></p>
</div>
<div class="spalte">
<h3>Kommunikator</h3>
<p>Inhalte und Botschaften stimmen überein und sind authentisch. Ihre Kommunikation baue ich mit Ihnen auf dieser Basis auf, so dass Sie nachhaltig Wirkung erzielen …<br><br></p>
<p><a href="/leistungen/#praesentieren">versteckter link</a></p>
</div>
<div class="spalte">
<h3>Verhandler und Vermittler</h3>
<p>Win-win-Situationen erreichen und die Eigenverantwortung stärken für alle Beteiligten. Dafür setze ich mich in meinen Verhandlungen vermittelnd und mit Überzeugung ein …<br><br></p>
<p><a href="/leistungen/#verhandeln">versteckter link</a></p>
</div>
</div>
<div id="section2">
<div id="credo-left">
<a href="/profil/" title="greenRhythm bringt Mehrwert" alt="greenRhythm bring Mehrwert" class="credoimg">greenRhythm bringt Mehrwert</a>
</div>
<div id="credo-right"><p class="intro18dark">greenRhythm bringt Ihnen mehrWert</p>
<p class="intro18light">Begeistert und freudvoll schaffe ich Neues und <br>Sinngebendes von nachhaltigem Wert. <br>Qualität, Kreativität, Transparenz und Ehrlichkeit <br>gehören zu meiner <a href="/leistungen/fundraising-und-philanthropie/#Anker">Philosophie.</a></p>
<p><a href="/profile-en-gb/">weiter</a></p>
<p> </p>
<p> </p></div>
</div>
</div>
<script type="text/javascript" src="/themes/greenRhythm/layerslider/js/jquery.js?m=1398620680"></script><script type="text/javascript" src="/themes/greenRhythm/layerslider/js/greensock.js?m=1398616743"></script><script type="text/javascript" src="/themes/greenRhythm/layerslider/js/layerslider.transitions.js?m=1398616744"></script><script type="text/javascript" src="/themes/greenRhythm/layerslider/js/layerslider.kreaturamedia.jquery.js?m=1398616744"></script><script>
jQuery("#layerslider").layerSlider({
responsive: false,
layersContainer: 960,
skin: 'noskin',
skinsPath: 'themes/greenRhythm/layerslider/skins/',
autostart: 'true'
});
</script>
</div>
<div id="footer">
<div id="footer-inner">
<div id="left">
<p>© 2014 greenRhythm Establishment</p>
</div>
<div id="right">
<p><a href="/impressum/" title="Impressum">Impressum</a></p>
</div>
</div>
</div>
</body>
</html>
Would be happy if someone has and idea why this is happening.
Thank you.