Merge "add helpouts banner thing to recruit providers includes script to randomly change the URL and text of link as an A/B test it's a bad A/B test because it does not save the A/B per session" into lmp-dev

This commit is contained in:
smain@google.com 2014-10-16 16:32:37 +00:00 committed by Android (Google) Code Review
commit f0d8234ba9
4 changed files with 74 additions and 2 deletions

View File

@ -1246,7 +1246,7 @@ code {
legend {
display: none;
}
a:link, a:visited {
a:link, a:visited, .link-color {
color: #258aaf;
text-decoration: none;
}
@ -7347,3 +7347,46 @@ a.home-new-cta-btn:hover,
font-style: italic;
color: #F80;
}
/* Helpouts widget */
.resource-card-6x2.helpouts-card {
width: 220px;
height: 40px;
position:absolute;
z-index:999;
top:-8px;
right:1px;
}
.resource-card-6x2.helpouts-card > .card-info {
left:35px;
height:35px;
padding:4px 8px 4px 0;
}
.resource-card-6x2.helpouts-card > .card-info .helpouts-description {
display:block;
overflow:visible;
font-size:12px;
line-height:12px;
text-align:right;
color:#666;
}
.helpouts-description .link-color {
text-transform: uppercase;
}
.resource-card-6x2 > .card-bg.helpouts-card-bg {
width:35px;
height:35px;
margin:2px 0 0 0;
background-image: url(../images/styles/helpouts-logo-35_2x.png);
background-image: -webkit-image-set(url(../images/styles/helpouts-logo-35.png) 1x, url(../images/styles/helpouts-logo-35_2x.png) 2x);
}
.resource-card-6x2 > .card-bg.helpouts-card-bg:after {
display:none;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.2 KiB

View File

@ -157,7 +157,36 @@
<?cs elif:training || guide || reference || tools || develop || google || samples ?>
<!-- Secondary x-nav -->
<div id="nav-x">
<div class="wrap">
<div class="wrap" style="position:relative">
<?cs if:reference ?>
<a id="helpoutsLink" class="resource resource-card resource-card-6x2x3 resource-card-6x2 helpouts-card"
href="http://helpouts.google.com/partner/landing/provider/googledevelopers" target="_blank">
<div class="card-bg helpouts-card-bg"></div>
<div class="card-info">
<div class="helpouts-description">
<div class="text">Help developers solve problems<br/>
<span id="helpoutsLinkText" class="link-color" style="display:block;padding-top:5px;text-align:right">Learn more</span>
</div>
</div>
</div>
</a>
<script>
var textA = "LEARN MORE";
var linkA = "http://helpouts.google.com/partner/landing/provider/googledevelopers?utm_source=android_banner1&utm_medium=banner&utm_campaign=android_provider_banner1";
var textB = "SIGN UP NOW";
var linkB = "http://helpouts.google.com/partner/landing/provider/googledevelopers?utm_source=android_banner2&utm_medium=banner&utm_campaign=android_provider_banner2";
if (Math.floor(1/Math.random()) > 1) {
$("a#helpoutsLink").attr('href', linkA);
$("span#helpoutsLinkText").text(textA);
} else {
$("a#helpoutsLink").attr('href', linkB);
$("span#helpoutsLinkText").text(textB);
}
</script>
<?cs /if ?>
<ul class="nav-x col-9 develop" style="width:100%">
<li class="training"><a href="<?cs var:toroot ?>training/index.html"
zh-tw-lang="訓練課程"