Author: mvp

Is it just me or have you noticed that Facebook has completely sold out and is more and more being used as a social network “selling tool”?

And that it is getting a little creepy? It used to be you only had to tolerate advertising when watching a show on TV. Now you must scroll through cleverly engineered advertisements to communicate with your friends or see their communications with you.

How ingenious to insert advertising in your social conversation. It’s like standing around at a party, having a great conversation with one’s friends and then some guy walks up and says: “I like Walmart! Save More. Live Better. ”

I saw a post a few months ago that a friend who I know “likes” Walmart. However, I do really know this person, they despise Walmart and would not be caught dead shopping there. That person obviously did not “like” Walmart.  In my personal opinion – to paraphrase rain man – Walmart Sucks. I ignored this at the time as I did not really see the significance of it. (Advertisement…scroll….scroll)

But this bit of “advertising” must have grabbed a random person I am friends with from the Facebook database – a popular person with lots of friends of their own – and then said that they liked Walmart in a post directed at me. Sort of like a celebrity endorsement but without having to pay anything to the “celebrity”.

From a programmer’s point of view, this does not seem so hard. First, pick out each user in the database that lives in or around a Walmart location. For each user select one of their friends, preferably a popular one with lots of friends themselves. Customize the Walmart Advertisement to put that friend as “liking” it. Post to that person’s news feed. Repeat a gazillion times…

Brilliant social marketing? This seems more like blatant false advertising to me and probably a few lawyers out there would agree if it ever gets to a court of law. But who would you “punish”? Facebook for making money from advertisers who employ this nifty technique or the advertiser for actually saying someone likes them when it is obvious they never liked them and even despise them?

How many people are simply unaware that they are being used and manipulated by some large
corporation with deep enough pockets to pay Facebook for these advertisements so they can make more money hawking their cheap goods produced in China? Perhaps Facebook really thinks that no one notices.  Or maybe no one cares.

Oddly enough, as I was writing this, I went over to Facebook. Lo and behold, here is a post from one of my friends on Facebook (I took out the names and photos):

Doesn’t this “social marketing” for fun and profit overstep ethical boundaries of what is acceptable? It is clearly intentionally deceptive and false. It is clear, to me anyway, that Facebook is intentionally using the information it has stored on the friends that I have communicated with in my life and then is using that social experiential data to make money for itself and its advertisers who use this social marketing tactic. I know, Facebook has user terms and conditions that I agree to by using it and is free so I shouldn’t complain when I am getting something free. In fact, the social benefits of improved communication among the vast amount of people who now use Facebook may well out-weigh the minor inconvenience of ignoring these idiotic ads.

However, people should at least know that enabling social communication with present and
past friends in their life turns out to not be entirely free.

Mark

While making a Bootstrap based page, I wanted to put some captions not in the carousel but in a div below it. So it was under the photo in its own space.

That is the correct spelling, by the way, for carousel – according to an ancient site Spellweb, which tracked the most common misspelling of the word as “carosel” at 56%.   You would think that if the common misspelling of the word is 56%, then most people are probably correct in spelling it “carosel” instead of carousel and time will eventually prove them right.

So, it turns out it is possible to do but a little extra work is involved.

The standard carousel html goes like this:

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner">
    <div class="item active">
      <img src="..." alt="...">
      <div class="carousel-caption">
        ...
      </div>
    </div>
    ...
  </div>

  <!-- Controls -->
  <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left"></span>
  </a>
  <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right"></span>
  </a>
</div>

You have Indicators on top in an OL, one for each slide.
The slides are in a “carousel-inner” div below that, wrapped by the item div where each slide calls an image tag and a div for the caption, conveniently called carousel caption.

You build the carousel just like you normally would with the captions as above.
To put the captions underneath, Make a div below the carousel div. (which conveniently ends with </div> <!– /.carousel –> )

Like this:

    <div id="row_under_carousel">
        <div class="caption-below">
        <span></span>
        </div>
    </div>

Then put a little javascript at the bottom of the page where all the other javascript libraries are called:

<script>
$(function() {
$(‘.carousel’).carousel();
var caption = $(‘div.item:nth-child(1) .carousel-caption’);
$(‘#row_under_carousel span’).html(caption.html());
caption.css(‘display’,’none’);
$(“.carousel”).on(‘slide.bs.carousel’, function(evt) {
var caption = $(‘div.item:nth-child(‘ + ($(evt.relatedTarget).index()+1) + ‘) .carousel-caption’);
$(‘#row_under_carousel span’).html(caption.html());
caption.css(‘display’,’none’);
});
});
</script>

This sets the normal div carousel-caption to not display in its normal position and the div with the id  row_under_carousel to display instead.  Very clever, in that it has to take into account that the item div changes with each new slide.

You can also now style this text using the div class caption-below.

Like:
<style>
.caption-below {
text-align: center;
}
.caption-below h1 {
font: bold large;
}
.caption-below p {
margin-left: 20%;
margin-right: 20%;
font: small;
}
</style>

The effect is really nice and the text slides right along with the images, I had the carousel CSS set for the full page across with the slide photos also going the full page across and it worked really well.

So not too hard, and I think that knowing about and making these type of minor adjustments can make for a much better looking page, that has more impact and looks just a little bit different..