Learn the Difference Between Data and Insights

Learn the Difference Between Data and Insights


(electronic music) Hey there, it’s Marika. And believe me, I know you’re
always looking for new tools to add to your digital marketing toolbox. But if there’s one tool
I recommend you try, it’s Campaign Budget Optimization or CBO. CBO helps campaigns perform better. And when you know how it works, you can make your ad
spend as wise as you are. Let me explain. CBO dynamically manages
your budget between ad sets and allocates more money
to the most successful ads. With CBO, you can still
set a minimum spend for your ad sets, but the
system optimizes delivery for the campaign as a whole. And think about this. If you manually change
budgets during a campaign, you could reset the learning phase and you don’t want that to happen, right? Who would want to lose all
that hard earned knowledge? With CBO, you get optimal
use of your budget without the risk of a reset
on your learning phase. Keep that knowledge, people. And in real time, it
automatically helps your campaign get the best possible results whenever new conversion
opportunities pop up. The best part, CBO also cuts
down on the time and effort associated with manual campaign management giving you back time
better spent elsewhere. Here’s an example of how CBO works. My friends over at Ad Enterprises
recently set up a campaign for a sneaker brand in Portugal. The campaign featured a different ad set for each shoe color:
green, red, and yellow. The platform saw that the
ad set for yellow sneakers was performing best so the
campaign budget optimization tool automatically allocated more budget to the yellow sneaker ad set. Now that extra support right there, that can lead to more conversions and better overall return on investment and that’s what we want to see. So take action. Check out the campaign
budget optimization choices on your digital advertising platform. Always enable CBO at
the start of a campaign if you want to achieve the
best possible campaign outcomes and save time. The sooner you enable CBO, the more time your platform has to learn which ads are performing best. That’s how you can get
better results faster. Take a second and think about
your current ad campaigns. Could CBO help you better
reach your campaign goals? Maybe it’s time to find out. For more on the science
behind digital marketing, keep watching.

Post Images and Videos: Create Your First Post | Facebook Blueprint

Post Images and Videos: Create Your First Post | Facebook Blueprint


[facebook blueprint] Hey again. What do you think of my outfit? [Marika Casteel] I wanted to be sure to catch your eye
with this ensemble so you can see how much more you remember something
when it’s visually striking. [LEARN HOW TO Use photos and videos]
You can do that [to engage your customers.]
with a good photo or video Facebook post too. Let me explain. There are lots of different types of posts. And visual ones that include photos or videos
are used a lot. And these types of posts are free. You can use the photos or videos
that you take on your mobile, no professionals required. So how exactly do you create a memorable post
with a photo or video? Glad you asked. [Add a caption to your photo and video posts.]
Make sure that no matter what photo or video you use, you also include a little commentary in your own voice. You can make that commentary meaningful
or personal, funny, or fun, whatever works best for you. If you own a store that sells vintage clothes, show off your incredible merchandise
with photos or videos of what you’re offering. But make sure to include some descriptions, plus the price or other relevant info. You can also post about a contest or giveaway. Think about asking your audience a question
in a post too. I love it when my favorite hiking gear store asks about what kinds of new products
we want to see on the shelves. When there’s a question to answer,
people have something to engage with. Now that you have an idea of what to post,
let’s take a look at how to post. First, open up your business’s Facebook Page. There’s a shortcuts bar on the left
or a dropdown menu that says Pages on the right. In the “Write a post” section,
there’s an option to add photo or video posts. When you click on that, you’ll see even more options. Select photo/video,
then upload the photo or video of your choice. Now think about the type of post you want to make,
then go make it. [GET STARTED Post a photo or video (with a caption)]
Post a photo or video [on your Facebook business Page.]
with a little commentary. Maybe you have some photos or videos
on your phone right now. If not, take a few
and then get posting and keep watching. [facebook.com/blueprint]

Tips to Build Your Following: Create a Facebook Page | Facebook Blueprint

Tips to Build Your Following: Create a Facebook Page | Facebook Blueprint


[facebook blueprint] [Marika Casteel]
So you created a Page but nobody likes it yet. How do you get people to like your Page? Let’s talk about that. Adding a Cover Photo is a good start. [Pages with cover photos
typically get more likes & visits]
Pages with Cover Photos typically get more page likes and visits. Once you’ve added a Cover Photo,
you’ll be prompted to invite your friends. You can skip this
and come back to it once your Page is set up. In fact, you can do this any time. Start on your Page
and click Community in the left column. In the right column, you’ll see a field
for inviting friends to like your Page. Enter a friend’s name in the search box,
and then click Invite next to their name. Alternatively, you can click through the list. Why should I invite my friends to my business Page
if they aren’t exactly my customer? Getting your friends to follow your Page
is the quickest, most efficient way to start building a presence and drive awareness. Remember, your friends have friends, and they might be interested in following your business
and your new Page. Another way to get more Page likes is to share it. You can announce it to all of your friends by clicking the Share button
under the Page tab at the top or under the Notifications tab. If you have a website for your business, [Add a link on your website to your Facebook page.]
add a link to your Facebook Page there. Here’s a pro tip. You’re inviting all of these people to your Page,
welcome them when they arrive. Create a welcome post
and pin it to the top of your Page. Say something like, “Welcome to my new Page. I’m so excited to share all of the work
I’ve been doing the last year.” And now you know the basics of inviting friends
to your Page. Keep watching for more tips. [facebook.com/blueprint]

Business Ratings and Reviews Overview: Create a Facebook Page | Facebook Blueprint

Business Ratings and Reviews Overview: Create a Facebook Page | Facebook Blueprint


Hi everyone. Welcome to Get Started with Facebook. I’m Marika and in this video, I’ll be explaining the ratings and reviews section of your business’s Facebook Page. Think about the last time you looked online for a new restaurant or tried to find a good hotel in a new city. How did you know if you could trust the service? How do you know if they’ll have the little details you love? (talent to insert details they authentically love) Let’s talk about ratings and reviews on your Facebook Page. Your page will have ratings and reviews turned on by default. Even when you don’t have any ratings and reviews, we recommend showing people that you’re willing to be transparent about people’s experience with your business. If, for any reason, you want to turn ratings and reviews off, you can. At the top of your Page, click Settings. Click Edit Page and look for the Reviews section. Click Settings. Next to Show Reviews, toggle the switch to Off and click Save. And now you know the basics of ratings and reviews on your Facebook Page. Nice work. Keep watching for more tips.

How To Measure Garage Door Torsion Springs

How To Measure Garage Door Torsion Springs


Hi I’m Dan Musick. In order for a garage door
to work and for it to work properly, you must have the correct springs to counterbalance
the weight of the door. There are three waysto determine the springs you need. You can
way the door, or you can provide the manufacturer model number, serial number, and/or PID number.
With either of these two methods you’ll also need to proved the garage door width, height,
track radius, and drum number. If you don’t have this information and if you know that
your garage door worked well with the springs that you had, then you can provide the inside
diameter, the wind, the length, and the wire size. In this video we’ll first measure an
unwound broken spring and then we’ll measure a wound spring. It’s important to realize
we measure an unwound spring differently than we do a wound spring. So in order to
measure the springs first close the door andestablish a safe environment Always wear safety glasses and unplug the power to the opener, disengage the door from the opener,
and use a sturdy ladder. Since we’re measuring the broken spring first, place your ladder
under the broken spring. Step up the ladder and position yourself so you can safely measurethe spring. First determine the inside diameter the best way to do this is to examine the
end cone with a flashlight. Most cones have a manufacturing code on one side such as M45S
or M50W. 180 degrees on the opposite side you’ll find a number designating the inside diameter,
such as P200W designating a 2 inch ID winding cone, or P175S which designates the 1 3/4
inch ID stationary cone. These images should help you locate the inside diameters of your springs if you have 1 3/4 inch or 2 inch ID springs. Many of the heavier residential doors use springs
with 2 5/8 inch cones and inside diameters. Embossed on these cones will be the numbers
like 258 or 2625. If you see on your cones the numbers 1264, 1265, 1266, or 1267. you
have Raynor cones for a 2 1/4 inch inside diameter spring. You’ll often see Raynor’s
name on cones and also on the hinges, tracks, drums, or other hardware. On these springs
you’ll often find a metal tag that identifies the length and wire size as well. Such as
225-22BR. The 225 is the wire size, the 22 is the length in inches, the B designates
the 2 1/4 inch ID, and the R designates the right wind. Raynor springs tend to be 2 coils
longer and the inside diameter tends to be 1 1/16 inch narrower than specified on the
tags. For example if you measure 22 and a half inches, and the tag says 22 inches order
the 22 inch spring. If you can’t find any cone markings that designate the inside diameter,
then we’ll need to measure the inside diameter. We do this as a last resort. The reason is
that over time coils compress and you won’t get an accurate reading, also when the springs
break sometimes they swell and you have to be very careful when you measure these springs.
Don’t try to measure around the shaft. For example this will increase the 1 3/4 inch
ID spring to 2 inches. Instead, rest the inside of the top end of the coil on top of the shaft
and measure the distance between the shaft and the top of the bottom of the coil. Since
the outside diameter of most shafts is 1 inch add this inch to your measurement to arrive
at the inside diameter. For example a 3/4 inch measurement would indicate a 1 3/4 inch
ID. If you have an older door you may have Crawford 1 19/32 inch ID springs. Or you may
have old Bar Col springs with 1 13/16 inch ID springs. Many of these have 1 1/16 inch
shafts with hardware that is incompatible with standard hardware. This ID chart should
help you identify the inside diameter of an older spring. Next determine the wind. There
are several ways to do this, the easiest way is to determine the position of the spring
on the shaft. Normally if a spring is mounted on the left side of the center support bracket
it is right wind, and if it is mounted on the right side of the bracket it’s left wind.
This applies to doors with spring assemblies where the next object beyond the winding cone
is the cable drum and beyond that the end bearing. If you have a door where the next
object beyond the winding cone is the end bearing and beyond that is the cable drum,
and if comes off the inside of the drum as pictured the spring winds will be reversed.
Another way to determine the wind is examine the ends. If a spring is turned so the end
of the coil is on the top and if the wire goes to the right it’s a right wind spring.
If the wire goes to the left it’s a left wind spring. Turning the spring upside down does
not change the wind and the spring is wound the same way at both ends. Right wind spring
cones are usually but not always marked with red paint, left wind springs are usually marked
with black paint. A fourth way to check the wind is to use your fist. Curling your right
index finger over your right thumb replicates a right wind spring. Curling your left index
finger over your left thumb replicates a left wind spring. Third measure the length. To
avoid the common problems we have adding fractions attach a piece of tape to the tape measure
and mark the distance from the farthest end of the spring to the inside of the coil. Next
move your tape and align the earlier mark with the inside coil of the other segment
of the spring, measure to the opposite end of the spring, round to the nearest 1/4 inch.
Another option is to loosen the set screws of the broken spring and slide the outer segment
of spring towards the inner part of the spring. Align the coils and then measure the longest
part of the spring to the nearest 1/4 inch. Most Torsion springs use end cones designed
for wire sizes ranging from .177 – .295. Because of this springs with smaller wire often gap
as much as half an inch when the cones are installed. This half inch difference is not
critical to the operation of the door, however, if you see gaps when measuring we suggest
you deduct up to half an inch from the length. Fourth determine the wire size. The best instrument
for determining the wire size is a tape measure. Engineers, machinist, and tool and die makers
prefer micrometers, and calipers. But these instruments are not as accurate when measuring
torsion springs. This is because torsion springs are often rusty or they’re coated with paint,
also even if the spring wire is clean it’s still curved. Micrometers can measure accurately
only the sides of a coil, and these are not normally accessible, accept on some of the
springs manufactured by Crawford and Overhead Door, where the ends have been straightened.
And one problem with calipers is converting 64ths of an inch or 128ths of an inch into
1,000ths of an inch. In my 30 years in the door industry, I’ve found that the 20 coil
measurement is the most precise way to measure springs. you must be extremely accurate and
very careful when measuring 20 coils. Cutting a board 1/8th of an inch too short can be
remedied with a little caulk, but if you miss your 20 coil by 1/8th of an inch your door
probably won’t work. Before measuring check the end of your tape measure, the end piece
should be perpendicular to the length of the tape. If it is bent get another tape measure.
Also, please note that the clip at the end of the tape measure is slotted the thickness
of the end clip to accurately displace the difference in distance when measuring the
inside of an object. You push on the clip to measure the inside of an object and you
pull on the tape when measuring the outside of an object. Also, before measuring you will
need to count and mark 10 and 20 coils. A good way to do this is with 1/2 inch by 1
inch strips of paper. Mark the coils away from the ends of the spring because the coils
are often gaped on the cones. Count 10 coils. One, Two, Three, Four, Five, Six, Seven, Eight,
Nine, Ten. Then bend the spring until the coils separate enough to
insert a piece of paper. Count ten more coils. One, Two, Three,Four, Five, Six, Seven, Eight, Nine, Ten. Bend the spring and insert the second piece of paper. While our goal is to measure 20
Coils we mark and measure 10 coils and 20 coils to confirm that we counted the coils
correctly. It’s so easy to miscount the coils. First measure both sets of 10 coils to ensure
you counted the coils correctly. If the 20 coil measurement is not twice the 10 coil
measurement, recount and remeasure your coils until you locate the cause of the discrepancy.
Next determine the 20 coil measurement. Be sure to pull on the tape. Measure the coils
like you would a stack of quarters, from the left side of the 1st coil to the right side
of the 20th coil. Check this dimension against the spring chart and against the following
images. Notice also the color codes for each wire size. You can’t rely on your springs
color code to determine your wire size but you can usually rely color if present to confirm
you wire size. Pause or back up this video until you find your wire size. .187 .192 .207
.218 .225 .234 .243 .250 .262 .273 .283 .295 If you have two springs on your door, record your wire marks at the beginning,
and after the 5th, 10th, 15th and 20th coils. These marks will be used to help us safely
determine the wire size of your wound spring. There are two obsolete wire sizes, and several
German wire sizes that complicated the wire measurement process. If you get exactly 2
inches on 10 coils and exactly 4 inches on 20 coils, you may have .200 wire. If you suspect
you have .200 wire check every inch mark up to 10 inches. If you have .200 wire every
five coils will fall between two inch marks and every inch mark will be centered between
two coils. If you get exactly 4 3/4 inches when measuring 20 coils you may have .237
wire. If you get exactly 4 3/4 inches on 20 coils and not 1/16th inch less check the following.
First. The end of your tape measure, is it straight and perpendicular to the tape? Second.
Are you pulling on the tape when you measure 20 coils? Third. Check for gaps between the
coils, press them together, and remeasure. Fourth. Are you measuring between the coils
and not on top of the coils? Fifth. Recount your coils. Sixth. If you have measured properly
and if you still get 4 3/4 inches and not 1/16th of an inch less, count, mark and measure
an additional 20 coils or 40 coils total. If you have .237 wire the 9 1/2 inch mark
will fall dead center between two coils. We normally convert the .200 wire to .207 and
the .237 wire to .243. If you have a Harmon door with the original torsion spring hardware
we recommend you convert to standard hardware. You will need to weigh your door and provide
the track radius along with the width and height of the door. We have now completed
measuring an unwound broken spring, now we’ll walk you through how to measure a wound unbroken
spring. NEVER TOUCH A WOUND SPRING! You can’t safely measure a wound spring like you would
an unwound spring. If you have two springs on your door it is now time to measure the
wound spring. About 30% of doors out there have unmatched springs. If you measure both
springs the same as one of the unmatched springs your door probably won’t work or it won’t
work correctly. As an installer winds the torsion spring it grows longer and the inside
diameter shrinks. The wire size, the thickness of each coil, however, remains the same. It
doesn’t change. First check the inside diameter of the spring by checking the numbers embossed
on the cones don’t assume that both springs have the same inside diameter. Second determine
the wind. The wound spring should be the opposite wind as the broken spring. Confirm this as
we showed on the broken spring. Third Measure the length. This wound spring has grown the
length of one coil for every turn of tension on it. To account for this extra length we deduct
the first eight coils from the length on a 7 foot high door. Keep your fingers and hands
away from the spring! Keep your tape at least an inch away from the spring. Align the end
of your tape between the 8th and 9th coils from one end and measure to the other end
of the spring. Try to measure within the nearest coil. Generally an error of up to half an
inch does not make a noticeable difference in the performance of the door. On 8 foot
high doors, measure from between the 9th and 10th coils from one end to the other. If the
lengths of your springs differ by more than an inch you want to pay special attention
when measuring the wire size, because the wire sizes are probably different as well.
Fourth determine the wire size. Check the 5, 10, 15 and 20 coil dimensions recorded
earlier against the coils of the would spring. If all five marks line up between two coils
the wire is the same. If at least one does not line up with the coils you probably have
unmatched wire sizes. If so you will need to measure 10 and 20 coils as before but keeping
your hands and fingers away from the coils. For safety follow this procedure. Mark a starting
point on the folded piece of paper hold the paper next to the spring. Count and mark 10
coils about an inch from the spring. Move the paper away from the spring and remark
the paper closer to the edge of the paper. Check the new mark against the line between
the coils and mark a longer line as needed. repeat this process as needed. Count 10 more
coils and mark in the same way as before. Refine the mark as before until you have a
precise 20 coil measurement. Measure the 10 and 20 coil marks with a ruler, and check
these measurements against the chart. Confirm the 10 and 20 coil measurements by marking
the dimensions on the edge of a piece of paper and counting to see if the marks match the
10 and 20 coil lines. One final note, we suggest you check your springs against the common
lengths chart to make sure that your springs fall within the normal dimensions. This will
help ensure that you get the correct springs. I’m Dan Musick, I hope you found this video
helpful, thank you for watching!

Why to use CSS selectors instead of adding styles inline

Why to use CSS selectors instead of adding styles inline


At this point I’m pretty happy with what we’ve
come up with. This is very close to the design. So now it’s time to capture all of the style
changes that we’ve made into our file. So far we’ve made these changes in the browser
but as soon as we refresh these changes will be gone. I’m going to jump back to our text editor.
Now earlier on in this series what we did to add styles was use the style property.
So we’d do style, equals and then quotes and we’d put our styles right in there, and we
can do that now, let’s give that a shot. I’m going to jump back to the browser and
what I’ll do here is highlight all of the styles. So notice I’m starting from where
this bracket begins and ending this selection before the ending bracket, and then I can
right-click and copy and then I’ll jump back to the editor and I’ll paste right inside
this style section, and I’ll save this. Now we can jump back to the browser and refresh,
and you see that all of our changes persist because we have it in the style tag inside
of our code right here. Now the style property is very useful but in general it’s not the
way that we want to apply styles in our HTML, for a couple of reasons. The first is the one that should be kind of
obvious here, which is that as we get longer styles it becomes harder and harder to tell
what our HTML structure is. We could remove all of the extra lines in order to make this
all one line but then it would be even harder to read, and if you imagine HTML elements
nested in other HTML elements this is going to start to get a bit unwieldy. But that’s not the biggest reason why we don’t
use the style tag. The biggest problem is when we want to reuse styles. So let’s say
we have three heading two tags and we can simulate that by copying this H2 tag and pasting
it in here a couple times, so now we have three of them. I’ll save this and we’ll go
to the browser and refresh. So you’ll see qualities three times. Okay, all is good so far, right? Well let’s
say now we want to change the letter spacing in all three of these. Because we’re just
a little bit short of what we want and we’d rather extend it out a little bit, what will
we need to do? Well we have to go back into our code and
we’re going to need to change it in three different places: so letter spacing here,
letter spacing here and letter spacing here. Now that doesn’t seem like a huge deal because
we only have three headings and they’re all right next to each other. But when we’re done with this template the
H2 tags are going to be distributed throughout a whole bunch of other HTML code, and it’s
going to be a surprising amount of work trying to find all of the headings that use this
style in order to modify it. So ultimately we’ll end up using something
called a selector in order to tell the browser which elements get certain styles, instead
of putting the styles in-line with the element. Let’s do that. So if you remember from before
when we were explaining why we use the HTML head-body structure inside of our document
part of it was that our head is useful for other things besides just the title, and one
of them is for putting styles in it. So what we’ll start with is a starting style
tag, and we’ll just go ahead and end that as well, so we don’t forget, and then within
the style tag we’re going to use a selector. I’ll go ahead and type out the selector now
and then explain what it means. Okay, so what we have here is H2 which you
should be familiar with by now, it’s our heading two tag, and so we’re saying with this selector
that we want to apply any styles that are inside of these curly brackets to H2 tags.
We could put any tag here if we wanted and we can do a lot more with selectors which
you’ll see shortly in this series. So now, instead of having our styles here,
let’s cut out these styles and we’ll paste it inside this selector. Notice how everything
gets indented properly – this is another benefit of using an IDE, instead of a plain text editor. And now that we have this we can remove the
style tag from all of our H2s. Okay, let’s save it and jump back to the browser and refresh,
and you’ll notice that nothing changed here. Down here, instead of all of the styles appearing
in element dot style, we’re seeing it inside of this selector, and we can demonstrate very
quickly how powerful it is to be using a selector instead. So let’s say we wanted to change the color
to blue. So I’m going to highlight the value and type in blue, and you can see that the
styles change across all of our headers at once. So hopefully you can see the power of switching
from using the style property to using the style tag and specifying selectors to apply
styles too. Now like I said we can do a lot more with selectors and we’ll need to in just
a few steps in order to get what we need. But for now this is pretty good.

Kibana Plugin Development

Kibana Plugin Development


Greetings human and welcome to a tech talk on Kibana plug-in development What is Kibana, Kibana is part of the ELK stack? What is that ELK stack? That would be Elastic Search, Logstash Kibana So these are the three components that compose the ELK stack. focusing our efforts within Kibana and We can view Logstash as the ETL and Elastic Search as a Search Engine and Kibana to visualize data here is a sample dashboard of Kibana and Here are a few Visualizations that we can use for Kibana, but what if you want to create your own visualization? We’ll need to dive in the code and Develop our own plugin which will be a visualization for Kibana and so the first thing we want to do is to create a directory of the plug-in and There we go. We’ll call it a new plugin and we’ll go into the directory and then We will need the files package.json. Which is the NPM package for It’s a node package Plugin and then we’ll need an index file for the backend node that’s going to be executed we’ll need a public folder so that the public files will be stored there and Now what we will do is We will We will start with the package dot JSon. So what I do is We define the name of the package to be Sdk in this case which will be a software development kit which is the Plugin it’s important to use the version that matches to your Kibana and Elasticsearch version so at this moment the version is 5 dot 4 dot 3 and? We’ll also need it’s not required, but you can add dependencies such as jquery or A Phantom browser or something like that and That’s what we need for now, and then next is modify the index.js file this is the main back and file that’s going to be used by node and There we go, so we exported within a function of Kibana that’s going to be a parameter for our plugin so we use Kibana dot Plugin and then we Create a function that’s going to be returned by the main index.js file, so the main index.js file will return the Plugin and what we design within Is that we’ll need an Id for the plug-in we’ll need We’ll require some modules for Kibana for example and elastic search just so we’re safe and we know let these are loaded We can then interact with them We’ll also need this type Which is a ui export sorry ui export and then within we will be Using a viz type for in this case the Plug-in will be using It’s going to be a visualization plug-in There are 4 about four or five UI exports at the moment for now we’ll just use viz type. We might cover some more all right on Viz types we’ll be returning The Plugin so if we we look at the file there its Plugin sdk Which is our plugin that’s once deployed in the environment, and then slash biz dot js is there the digest is optional, but it will be loading the dot viz So this will be the public JS the visualization now. Let’s go into public folder, so Once we are in a public folder. We will need a controller and We will be needing the The main file that’s going to be called Via the back end to the front end Which is viz dot js and then we’ll need a view for when we set up the parameters of the visualization And we’ll also need the main view of the visualization So these are the files we need and now We’ll start off by writing the controller, so we define a function It will require Parameter, so that we have required modules before our Sdk module starts and there we go and we have a variable that will declare as a module that require Ui modules and then so we’ll be using the UI modules and From the UI modules we will be using Kibana Slash sdk so this is our module Kibana Sdk and there we go, and we’ll also require Kibana to run and that’s it and then within Okay, so we’ll tell the module to register controller with angular as the Sdk controller and its function should return Well it has four parameters scope, element, and then we go in the controller and within the controller will Try a field that’s going to be called my field and then within that we will be checking the response from we will be checking the response from the watch modules for Es response so what this does is once you have the Parameters that are being changed in angular then we will be modifying the value That’s going to be Appended well, it’s going to be triggered by the controller, so We watch the expression once the expression changes then we’ll set the field again and go from there and There we go, so if there is no response, then the field is equal to null if there is a response then Then we go for it and then the next There’s Vis that we should we should There we go, so if we edit our vis dot js, which is the main Public file, it’s a bit lengthy go through a little quicker So we require the styles of the sdk? You can include any csS files you want and we can require the controller as we need to control our to To render the one that we’ve just typed and we’ll register into viz types the Sdk Pro controller so that it is registered within the visualizations module and then the Sdk provider will be using the template of this type and then We’ll go from there there we go, and then we return the template of this type, so there we go and we will call it with a named sdk a title sdk and then a description of Sample Plug-in and Optionally a an icon for the sdk. It’s using the font awesome icons And the template which is sdk slash view dot html. So we’ll be using our Via HTML. And there we go default pattern for my field will be hello human default value for my field will be hello human and We’ll use an Editor. Which is params dot html to edit the values of our Sdk, Plugin and there we go, so we’re almost there the only thing missing is to return the Sdk provider to the controller There we go and now We will be going and verifying our files. We got the controller everything’s good there We got the visualization published module. That’s the place everything is good there as well and We have the params here dot html. Everything is good and then We will change about htML. So prime’s our htML. So we need a file basically that will give us the Fields to edit so for example in this case we will be using an input of type text that will be controlled by an NG controller of of Sdk controller and then this will be the one that we’ve declared above and doubt the this will be the one that we’ve declared before in the Javascript and then which will be rendered in the front end with this so we give it a small title of text input and Render the box of input and it will have a model of Vis dot Params dot my field which is the field that we’ve discussed before So as soon as this changes in Params, and it’s been submitted then it will change the controller will be triggered and will Render the View With the params, so we’ll define the view here and Go, so we’re defining the view we are just rendering a small title and we’ll say field output and we have The value that we can display with an nG find of HtML of what the Field is in The Field is viz dot params dot myfield There we go So we have everything we need to render the field now What’s next so? We have a controller. We have a visualization. We have a parameter We have our view we have a controller, so let’s go into the controller And it seems like we’re missing a few things here, so let’s do a bit of housecleaning There’s the resp a parameter that was missing and the parentheses and semi-colons okay, and so the controller looks good and then Primary’s is good as well view is good as well, and then if we look at the action it seems like there’s a few things missing here, so yeah, it’s just Weekly bracket that needs to be added before of the return statement there we go and it seems like we’re good to go the index file looks good and then Package oh that’s what I need The main thing we need you really shown to declare that main file Which is index ah yes? so we’ll Visualize what we have built so far But before we do that We’ll use a Deploy script that I’ve written. I won’t rewrite it again, but it uses two arguments which is to keep on a path and Path the Sdk location so the killall node is to Shutdown Kibana and restart Kibana. This will create a zip file basically and install the zip file into Kibana and restart Kibana, so We’ll deploy the application using sudo deployed dot sh there we go just so that there is no conflict between the environments the caching browser bundles will take a lot of time, but I’ve fast forwarded a bit the Process now we have the dashboard here. We’ll just create visualization which We just built onto the dashboard and there we go visualization type Sdk and we just take the parameter within the text input and saying hello human and we’ll say hello machine and There we go. We save it and Boom in the field output we have hello machine and that’s it!

Tutorial #11: Creating Sub Menu Items (Drop Down Menu Items) in WordPress

Tutorial #11: Creating Sub Menu Items (Drop Down Menu Items) in WordPress


In the last tutorial I demonstrated how to
create a custom menu in WordPress, and that menu appears here in the top primary menu
position in the theme that we’re using. In this tutorial I want to demonstrate how to
create a sub menu item and illustrate how the parent/child relationships work in WordPress.
First, let’s go back to the dashboard and select “Appearance” from the “Menus” flyout.
To get started, we want to create a ghost menu item or a menu item that really doesn’t
link to anything at all and we’re going to use this “Links” feature here to do that.
We can use this feature to add in an external URL if we’d like, but we’re going to replace
this http prefix with a # sign. We’ll also add in “Link text” and this is the way the
text appears for this menu item on the front end of the WordPress site. Once we’ve added
in that link text, I’ll click on the “Add to Menu” button and notice how that menu item
has been added to the menu structure. Next, we’ll click on the “Save Menu” button to save
the menu and once it’s saved we’ll return to the front end of the WordPress site and
we’ll refresh the page. Notice how the “Browse our Inventory” menu item appears in our main
menu, but if I click on it, it doesn’t go anywhere. That’s because we added in the # sign
instead of an external link. Let’s return to the dashboard now to create a new page
that we can have as a child page of that menu item. I’ll first add in a title, of course,
and then I want to go to a Microsoft Word document that I created and I’m going to copy
that text. Remember, when I copy that text out of a Word document and I want to erase
any formatting that goes into the WordPress site, I’ll click on the “Paste as text” feature
within the editor. To liven up this page a little bit, I also want to embed an image
so I’ll put my cursor here and click on the “Add Media” button to select an image I’ve
already uploaded to the WordPress site. I demonstrated how to do this in more detail
in tutorial #8 of this series. Remember, you can always select a parent for any page that
you create, but that doesn’t automatically mean that that page will be a sub menu item.
Let’s go ahead and publish this page so we can create a new page by clicking on the “Add
New” button here. We’ll follow the same process as before by adding in a title and both pages
that we’re creating will be sub-menu items of the “Browse our Inventory” menu that we
created. I’ll again go back to the Microsoft Word document and copy the text that I’ve
created for this page, I’ll return to the dashboard and I’ll paste this in as plain
text. Once I’ve pasted that text in I’ll do the same thing that I did before by placing
my cursor and clicking on the “Add Media” button to select an image that I’ve uploaded
to my WordPress site so I can embed that image into the page. Next I’ll click on the “Publish”
button. Both of the pages that I just created are now available on the front end of the
WordPress site and if I return to the front end and refresh the page I”ll see that I can
access the “Acoustic Guitars” and “Electric Guitars” pages here, however I don’t want
these pages to appear in top primary menu as a primary menu item. I’ll return to the
dashboard and I’ll select the “Menus” item from the “Appearance” flyout. We’ll see all
5 of these menu items in our menu structure and all I need to do is simply drag and drop
each of the pages created so that they are indented below “Browse our Inventory”. Once
I save the menu I can return to the front end of the WordPress site and I’ll refresh
the page so I can see the changes. Notice how the two additional pages are now removed
and they reappear as sub menu items or drop down menu items below “Browse our Inventory”.
Both of these menu items are now considered drop down or sub menu items. In the text tutorial
I’ll demonstrate how to use WordPress widgets and widget-ready areas.

How to Manage Your Group: Facebook Groups | Facebook Blueprint

How to Manage Your Group: Facebook Groups | Facebook Blueprint


[facebook blueprint] Hello, it’s Marika. [Marika Casteel]
And I have a question for you. If you have a group but there is only one person in it, you, is it really a group? Uh-uh. [LEARN HOW TO]
That is why in this video, [Add people and manage]
you learn how to add people [your Facebook Group]
to your group. and how to manage it once
it’s up and running. [Pro tip: Add a trustworthy friend]
Pro tip, the first person [as your first group member]
you should add to the group should be a friend you trust. They can give you feedback
about the group right away. Find out what they think about
the photo and description you used. Make sure it makes sense to them. Now it’s time to add people who you think will enjoy being members of your group. Think of some of the people you’ve enjoyed interacting with the most, either in person or on your page. Invite them to join. They will be a great addition, and help start conversations in the group. Well, that’s awesome to have
a large group, it’s not the most important thing. [Quality over quantity:]
Think quality over quantity for now. [add people who start conversations]
You want a vibrant place [add people who start conversations]
for people to come, So add the most vivacious people first. Quick pro tip,
use membership request filtering. [Pro tip: Use membership request filtering]
It’s a tool that helps you review member requests super fast, and who doesn’t feel
the need for speed sometimes. There are two rules to play
when managing your group. Think of it like a lead
and a supporting part in a movie. The admin is the star of the show. They have the most access
when it comes to setting settings and choosing how the group functions. When you create a group, you’re automatically the admin by default. You can also manage group settings and choose to assign or promote members to the moderator role. Say you need a little support,
that’s where moderators come in. They’re like a sidekick,
the Robin to your Batman, the Etta Candy to your Wonder Woman. As the admin, you assign a moderator. They will oversee the group and can help you pick which members join. They can also remove old posts
and comments, or approve and deny posts. They can even remove members
who become difficult; more on those bad actors later. Now you are going to make your first post, and welcome people to the group. Tell them why you started the group, your passion for mystery novels
or undivided interest in vintage cars. Ask the members a question
to start a conversation. Make sure you know what
kind of tone you want to set. Silly, serious, sweet, it’s up to you. [Pro tip: Write clear rules
and pin it to your page]
Here’s another pro tip. Write really clear rules about the group and pin it to the top of your page. This makes it obvious
what the culture of your group is, and can help in prevent
any misunderstandings. It can say, “No funny business here,” or “I welcome funny business here,
all the time.” You decide. It’s time for you
to invite people to your group. Have fun! And keep watching. [facebook.com/blueprint]