Their SEO road map guide is broken down into four parts on page SEO off page SEO. Violations and blocking on page SEO are items on your website and are within your control and include keyword, research, quality content, web site architecture. The quality of your HTML, which includes title tags and made a description two weeks ago, we published and reviewed the seven steps of keyword research and why you should consider this as the first step in building a strong foundation for your search engine.
Optimization. So in this week’s SEO tip of the week, we will discuss content if you’ve been around SEO for any length of time. I’r sure if you’ve heard the phrase content is king more times than you can count. But what is quality content? Quality content is relevant to your target audience engages the reader by entertaining them and for me them and enticing them to take some sort of action. So what is bad content? That content is typically thin, has very little value to you.
Users or the search engines can be auto-generated and can be keyword, stuff, be real and don’t try to fool your visitors or the search engines with your content, if you’re using the very thin or auto generated content fix your website, don’t include doorway pages that are not An actual part of your website and write clearly in descriptively to your audience. Here’s some tips are developing great content for your website and will be going into more detail in our upcoming SEO roadmap.
Article training series tap into the conversation use the power of social media. Such as Twitter, Facebook and RSS to discover new opportunities survey understand your audience intimately the keywords that they use their concerns and their pain points natural language processing. It has been shown that content that has phrases relevant to your route keyword phrase can typically rank as much as twenty percent better in the search engine result pages so consider using google eyes, which we discuss in our training series or SEO scout and write content for Your visitors and not to search engines
Today, every business can Use influencer marketing, it doesn’t matter what you sell and what you offer Everyone can be an influencer today we all publish something on social media. You don’t need to be a celebrity to become an influencer and today brands Prefer to work with smaller niche influencers, rather than with people who Have million followers this way they make sure that they target authentic Audience who is really interested in their product and services, the tip Number two: is: you need to win attention of your audience with live? Article today, human attention is a very valuable resource.
There is so much Information around us that it’s so difficult to stand out, so you need to Start incorporating live articles into your marketing campaigns, but you need to Understand that if you have nothing special to show better, don’t do a live! Article, the article should be at least 10 minutes long. You need to engage with Your comments that people ask with consumers reply to their questions and You need to pay attention to live audience and the replay audience and Advertise article to both of them start using purpose-driven marketing, don’t Create content that just sells, you need to talk about some greater purpose.
So choose your position show who you are use; emotions to build relationship; With your audience, start movement of your community and continue building it There are some special techniques that big brands like Apple and Google use, so If you want to go bigger, you need to start using them as well. The first one Is go horizontal when you acquire a paid customer offer them a variety of Products and services then retain your customers by using a subscription model.
Create interesting campaigns and leverage your ceo or founder as a brand and Optimize your marketing strategy for four big tech companies – Amazon, Google, Apple and Facebook and the tip number five: if you don’t have sufficient funds, For content creation, don’t worry because today you can create great content on a Budget, first of all, you need to know your customers’ needs and goals. One of The best strategies to create content on a budget is to run a user-generated Campaign because you will get free, authentic and really engaging content.
Today, you can shoot great articles and photos just using your mobile phone, so I Advise you to identify trends via influencers on buzzsumo platform and Create relevant content so guys these are five digital marketing tips on how Your brand can succeed in 2019. If you have any questions, please let me know or If you want me to cover something special in my next articles, write down in The comments below – and I will see you in the next article bye, bye,
So this is about Bart back up it’s about two and a half years old project, but the software is quite a bit older, because the project was forked from another project called attic so attic. It was four or five years old when we forked it so it’s quite old, but not very well known yet, because attic did not get much advertising back then some guy who found it in 2013 from Greece, I think, wrote about attic.
I found the holy grail of backups, so he what was quite impressed by it and from heat was the same and I found attic back. Then it was quite kind of oh, that’s, nice, stuff. Let’s, let’s use this, I was using our sink before and I just searched for something more modern and after looking at a lot of tools, I found attic and it was somehow the best and it was in Python. So I hacked on it and we had to fork the project, because the original project was not going on quickly and there was also no cooperation, so pork makeup is kind of the fast going attic somehow now this is a bit about me.
I am doing Python since about 2001. I think it started with my mine wiki project. That was basically the reason for me to learn Python also doing Linux, since it wasn’t floppies, free and open source software. These are some of the projects I was heavily involved in so the first one you maybe know from the python.Org wiki it’s running on Moin Moin, original, Auto sitting here and I okay same story yeah.
The second one is a dynamic DNS service software written in Django, be pasty is a paste pin that can be used for binary stuff. Also, VPN gateway is not a software project. It’s basically just some configuration and porkpie copy. You will soon hear the details. This is my email address at my company and yeah, I’m doing Python development. So if you search for freelance remote develop or talk to me so about boric yeah, it’s a backup tool.
There are dozens of backup tools, so there should be something special about it, and the special thing is that a lot of tools are somehow a pain to use their idle, slow or not always working or you can’t use them when our platforms – and so this feature Said somehow, it reads rather stupid simple, but you will see this is the special stuff somehow about boric. So about simple. If each of your backup is a full pack up, it’s it’s very simple to manage.
If you want to delete one, you can just delete it and it will not influence anything else. If you have the usual full and incremental and differential stuff, you have to be careful what you delete, because it might influence other backups. If you want to restore stuff, you can just do a fuse mount and basically copy your files out of the backup archive or search for your files. So you don’t have to use a lot of command line, commands to find your stuff easy pruning.
You can basically define a policy, I want to keep so, and so our only backup so and so weekly backups on so daily backups, and it will just that policy. It’s a one line of command. The tooling is also very simple: you have just the boric software. You have SSH for remote stuff and you just write a shell script and that’s it. It’s not a complex thing. There are also also quite some good documentation and main pages, and so on, so you can look up stuff.
We offer a single file binary. So if you just want to throw it on a machine and it should work, you can use that, so you don’t need to install header files and compile stuff and to keep check out or such stuff. It’s just a file that includes everything, even Python and all libraries, and also it’s simple. If you can just use the same backup tool on all your machines, so we support Linux, BSD Mac OS X, even under Windows, you can use it under psych win or with the Linux subsystem and for Windows 10.
There is no native Windows support yet because we have no windows developer, but we could do it if somebody would care for it. Also. We support a lot of file system features so extended attributes, ACLs and so on, and even if you have a strange architecture, there’s this big endian, it also will work so there’s quite a lot of testing about a point efficient, it’s extremely fast for unchanged files.
So it’s always a full backup, that’s done, but it will not feel like a full backup, because it’s so fast for unchanged files. It will basically feel like a differential backup. Although the backup archive includes all the files, not only the changed ones, chanty table keishon is important. It’s that not only DTaP like a ting complete files if they are completely identical, it’s enough. If somehow a piece of the file is the same.
Also, it’s not caring about file names. It’s just looking at the content, we’ll see more details about this later. We also have flexible compression, so we can have a have it either very fast or very good compression. It’s not flooding your file system cache! If you, if you read gigabytes of files, all the time while doing your backup, usually your file cache from the operating system takes a lot of memory, and maybe you basically flood out other stuff that should be in the cache just by doing a backup, and we Avoid this by some special system calls it’s not only in Python.
We also have a bit of C and sizin for being more efficient with memory and also being faster, and we have hardware accelerated cryptography just by using open SSL so about safety. There are a lot of checksums. There is some CLC 32 on the low level, basically and there’s also a lot of cryptographic, hashing and making going on. So if something is corrupt also, we will notice it. We use transactions.
So if you start a backup and somehow the machine crashes or the connection goes down, there is no problem, it will just roll back to transaction. We are doing lot of thinking to the file system, atomic file system operations and the whole thing is like keep a key value store, but it’s not like, so we always append at the end and at the beginning we don’t change stuff, except if we delete it. So that’s a rather safe thing.
If something goes wrong. There are also check points while you do the backup. So if you have a longer in backup that runs for days, it will do a check point now and then and if something goes wrong, you will just. You will still have that stuff that you push to the repository. You will not have to completely start from the beginning and you can use off-site repositories. So if your house burns down that’s also kind of a safety feature, it’s also secure.
We are using authenticated encryption, so basically the threat model. We don’t trust the repository server. It could be at a hosting company or something so if somebody looks inside your repository, you should not see anything because everything is encrypted. The metadata at the data, because it’s authenticated encryption can also detect tampering. So if somebody is playing with the bits and just toggling some bits, we will notice it because we check this.
There is SSH as the Transport for remote repositories, so basically you get all the security properties from as its age. You will have a secure connection and also, if you use key login, you will have a good authentication and you don’t have to care for an extra services security issues. Concerning the network exposure, we also support a special append-only mode for repositories. It means that nothing will change that was already there.
We only append at the end. So even if some bad guy is owning your client machine and using Borak to delete stuff, he will not really delete it. The delete will just be recorded at the end, but nothing at the beginning will change so you can just delete some files and everything will be as before. It’s free and opensource. We can look in the code about the crypto or some details. Of course, we encrypt client-side, because the server is not trusted metadata and data, its authenticated encryption, it’s the encrypt-then-mac mode.
This is the more secure mode and it’s counter mode of AES and H make sha-256 or since 1.1, we also have displayed to be it’s also. A hash or a Mac, it’s just a lot of fast form. We do counter management, it’s important for this counter mode, that you never repeat the counter value with the same key, and we have some sort of reservation going on. So, even if the connection breaks or something bad happens, it will never repeat counter values.
The key material is either on the client or you can also store it. In the repository in the in the config of the repository, the key itself is encrypted, so it’s no problem and the encryption is done with pbkdf2 in aes. The repository mode is a bit nicer. If you don’t have a separate backup of your key and we support both the old and also the new one of our version of open ssl from open ssl, we only use lip crypto with the crypto, primitive, so nothing complex, so that stuff should work quite okay.
The compression stuff is junk based, so it’s only a piece of the file, not a full file, usually except if the file is rather small. There are some algorithms, fast, algorithms, medium fast and rather slow, and you will get more or less good compression a nice thing with lsat, for is it’s often faster than if you use no compression at all. If course leads needs a little bit of time to do. The compression, but you have to store less data to disk or to a remote server, so it’s safe small compression more time, then it’s it’s leading for a compression in 1.
1. We also have this auto mode. It uses as it for a prediction. Basically, can I compress this file and if it looks good, then it uses expensive compression to get even more out of it and with Beaudry create you can even change the compression mode if you started with lsat 4 and later you want something stronger about this. The application stuff – this is one of the main features of Borak. You have to not only imagine it as somehow duplicate files in your file system.
That is one dimension. You might have copies, so you have identical files on the same machine. Of course, it will deter placate these files. Also, if you have a virtual machine, maybe and a lot of zeros are coming from disk or from the kernel. When you read that file, it will duplicate all those zeros. Also, this is basically the inner tablet. You know the application of the data set, it’s just dupes inside your source data, but there is also a historical deduplication if you’re, making full backups all the time.
Of course, most of your files will be the same and not change. Some files will change, but a lot of files just won’t change, so it will also deduplicate them, and you can also have data application between machines. If you move files from one machine to another machine – and you pick up both machines to the same repository, it will just read applicate it also because it already has that data or if you have the same operating system on all your machines or if you have The same data on multiple machines, so these are basically the three dimensions of this deduplication.
How does it work? It reads the file and then cuts. It cuts the file into a variable length, chunks. It decides by the content when it should cut. So it’s just the rolling hash, that’s computed and if the head says zero, it will cut the nice thing about this. You could also cut at specific positions, but then you have a problem. If your content is shifting a bit to the end or to the beginning, then every chunk would change.
But if you cut by content, then the cutting of places will also shift it’s very nice for virtual machine disk files, usually not a whole file changes, but only some sectors, basically in this virtual machine file, and it will only backup these new chunks and everything else. That’s still, the same is already in the repository. You can also rename huge directories and it will still have same content, so your repository is not growing.
It can look like this. This is actual data from one of my repositories and the knife. This is one so you see if I would have just used Tower, I would need 22 terabytes of disk space without Lisette it would be still 18 terabytes and with the dwk ssin it’s just half a terabyte, so most of the stuff was somehow the same. This is this historical deduplication and you see total chunks. This is basically the references to chunk.
Ids and unique chunks is way less because a lot of chunk references are referencing the same chunk in the next version. We will introduce multi-threading. Currently, it’s the single threaded and we plan to use 0 mq, so it will use more of your CPU, not just one or half half of a core. The Gil might be no big issue, because there is lots of i/o and lots of C code. So we can just release the Gil when doing that stuff, and we will also do some some crypto improvements and maybe go to open SSL 1.
1 as a requirement some stuff up our project. I have to hurry up a bit. We are using Python size and C for the usual reasons, see if it’s extremely important to save resources site in this more or less glue code and interfacing stuff in python is the high level logic of use. Cherry CI, it checks all the pull requests and all the branches and multiple price inversions we use PI tests and talks. High test is quite nice.
It’s not that much boilerplate like the normal unit test stuff, so it’s actually fun to write code, write tests and toxis on top of it running PI tests for every Python version. Pi, n F is also nice. If you want to have a specific python version. For example, 3 point 4.0: you usually don’t get it in your distribution. You can just use PI n to install any version you like, and if you want to find somehow problems, then you always use the oldest point release or the dot zero release, because there are the most bugs and people might even have that version.
So if you want to find everything, just use the oldest version and of course, if you are building something you distribute, you rather use the latest version, because that’s the best version. We also use a lot of little machines in automatics with vagrant, so we can test on all these operating systems and even a PowerPC. The Turing machine is possible using Q email and if you do that, you have way less surprises.
Oh, it doesn’t work on X because you have tested it, so it usually works pints dollars. Also, nice thing: it’s making a one file binary of all the stuff. You need to run your software, so there is the Python code inside the Python interpreter. All the shared libraries except the G Lipsy that needs to come from the operating system, but it’s quite nice. You can just throw it under your system and run it, and you are done.
You don’t need to install a lot of stuff a word about secure, releasing if you think about it, a lot of people just download some binary somewhere and then run it as root. So what could go wrong if the binary is tampered, it could even happen under transmission. Then you have a problem. So maybe, if you release software, especially if it’s binary stuff, maybe rather assign it with GPG, then people can really check if it is the same stuff that you have produced.
If you just publish a hash like a sha-256, it’s better than nothing but not much better, because the hash could also be tempered, and if you check it, it will of course match an attacker can also compute the hash of the fake binary. Sorry, you really have to sign it with a release, key that only you have setup tools. Scm is a nice tool, so usually you have to pump your version number somehow increase from 1.
0 to run point 1 or something this tool automates this for you. You can just use text in get and set up to its SCM will just compute a version from it, and it’s not only the release stuff, it’s also the stuff in between. So if you output this in your tool or you exactly know what a user is running and it’s no effort just changing a few lines in your project and you can use it things, maybe a lot of you know already.
We have some special stuff. We build a lot of automatically from our paths, so all our usage stocks and the main pages are basically extracted from Python code, so we don’t have to maintain them separately. If you have a readme for your project, maybe think of it as a elevator speech. So don’t write the installation steps into it. Just try basically to sell the stuff because people read it and then decide if they use your stuff or not so don’t put a lot of other stuff in it read the docs is quite nice.
It hosts your documentation and it even supports multiple versions of your software, so users can select whether they want to read talks about 1.0 or 1.1. They have nice mobile support of a PDF s download and they also use things and they pull your stuff automatically from github. So you don’t have to care for the hosting as Kinema is somehow it looks like a movie, but it’s not really a movie. It’s just some JavaScript interpreting a JSON file and you can basically see it typing you typing commands and the output.
The nice thing is rather small. You can just commit it to your repository and you can even copy and paste stuff from it, because it’s not a article. It’s just text output by a JavaScript and if, in the record you made some typos, you can just editor chase the file. You don’t have to record your article again, we use github, I think most of you already know this may be worth mentioning is bounty sauce.
So if you want to have a way for people to donate funds to you and make fundraisers or basically put a bounty on fixing some issues, you can use bounty sauce for it. We basically every donation. We get comes in over bounty sauce and I usually then just select some tickets and put some money on it. So basically the money gets distributed to the people who do the work and close this ticket yeah. My stones are quite nice for release planning and you can reuse your documentation for the github readme.
Also, we have a community repository where people can just say. Oh I’ve read written that nice script for Borak and then we can just link to them so yeah. The usual github features – the releases stuff is also quite nice because you can put all your binary since those close go there and it’s also based on attack in the repository yeah, the usual communication blogs. We have a mailing list, IRC Twitter, for support, discussion, release announcements and you can help.
We have a few developers currently, but could be more just try it. Maybe if you like it test, it find parks, improve Doc’s whatever. If you use Windows and if you like Windows, we have no windows developer yet so that would be a good thing or if you use it, you can also donate funds. We are bounty sauce and this is the home page and you can also grab me outside for questions. Do we have time for questions still I up? Okay, so yeah, so I’m in time, great okay, you can always you we can always use, for example, our sink or our clone to just copy the stuff elsewhere.
You just should not. You just should not update both copies because that causes crypto is used with the counters and stuff, but I think quite some users basically do first, the local backup and then somehow sync it to the cloud in case their house burns down or not a company. So that’s one mode of operating it. We don’t have direct cloud support. We just support putting stuff into directories or talking client-server over SSH, but you need Borg at the other end, so it won’t work with Amazon or something except if you run a server there yeah well, that there are multiple caches.
The question was about sinking caches between machines, usually the the local files cache is about the files you have on that machine. So it won’t be useful if you sync it to another machine, because the files might be different. There are also some other caches, but maybe you shouldn’t do that that somehow too deep into the internals there is one problem by the way. If you use multiple machines and you push your stuff to the same repository, then you basically bring the cash out of sync with the repository.
It’s like cache, coherency the usual problem. Then port will be a bit slower because it has to rebuild some caches first before it starts to back up. If we do them alternatingly. So that’s a bit of an unsolved problem. Yet no it’s it’s locked. It might be possible in the future, but but not right. Now, yeah yeah um, the call to not spoil the file system cache by pumping get gigabytes of data is F advice.
You can basically see okay, I’ve read that data, but I don’t. I won’t need it and anytime soon, so it basically just drops that cache and there is. There was some sort of a discussion, whether it’s good or bad. If we do effort wise, but I think overall, it is good to do it. There were some people with other opinions, but I think if you always somehow flood the cache all the time, that’s way worse, then, if you maybe effort wise something that that needs to get reloaded by some other process, yeah yeah, that’s a bit tricky.
The point is we basically do it like Python, there are objects and there are references to these objects and the fast processing of unchanged files works with this files cache and in the files cache it has the modification time or the change time. It has the size of the file and the inode number, and if all these did not change that the file is still the same, and it also has a list of the of the chunk IDs and then it will just create an item by using that information.
It will basically create a metadata and everything else. The data is already in the repository yeah, but it it doesn’t matter. Is it’s like a hard link. It doesn’t matter if it’s the first hard link or a second half link, so just a reference. Basically, no not yet, but we have a JSON API. Meanwhile, so one could write agree now, but there is nothing usable yet except some small web interface, but it’s only for very basic use cases, but not for Python 3.
I think yeah you can do as many backups as you like, and it’s even good, because you should not lose anything because it’s completely deduplicated, so there is no redundancy, so better, maybe have two of them or have a rather good hardware. That does not lose data. I will also be at a conference until Sunday at the sprints, for example, so just grab me anytime. So thank you.
I am head of analytics and customer experience at marketing agency. Footer part of my job is listening to customers and analyzing their digital clues. It’s like being Sherlock Holmes, but without the dead bodies. So today I will talk about how to find this clues, what the term so the clues that your website is broken and how to fix it to improve conversions, let’s start with the game guess which version of these to the web.
It is the same website, but the first section is different, so please guess which one performs better at starting the trial. All for a version, listen raise a hand, ok diversion. Yes, the V version, the winner of this ad test. Let’s try another one again. The difference is only in the main section for version. A ok version B’s yeah, we again its head type, 18 % more clicks, so some got to try it. Some were wrong, and this is basically without data and it’s like being a fortune teller.
So you have to have data to be sure what is right and what is wrong, no matter what you’re developing, if it’s the digital product, app or website, keep in mind that you are not your user 80 tests are great. It’s the best way to know for sure what works and what doesn’t. But today, I’m not going to talk about a/b tests, especially for smaller websites. A B tests are not even possible because you just don’t have enough traffic.
So today I will talk about user journey and how user decides to come to your websites and do the action you want them to do, and we will do this by looking at web analytics and user testing so the first time you do a user test, its With your own new products website or whatever it feels like this, it’s weird it’s play it’s painful and you just want to grab that mouse and show them where to click. You know, but instead you go back to the office and you just figure product.
So how do you find find out what is going out inside users head? Let’s recreate a decision, a user make. Imagine yourself scrolling on a Facebook, you scroll a bit and then you find something that grabs your attention. So you click on the link. Then you land on a landing page and in a split second to decide whether or not this is relevant for you after you start reading you again the site. Is this website? It’s interesting enough to invest your time and energy into whatever the website is about, and then you evaluate the offer.
For example, will you buy shoes or will you share the blog or if you want to download the app and then finally you do it. These are five decisions you make from the moment you land on the website and to the final action. Each step leave the measurable clue for your Sherlock Holmes as we go to find and if the sorry, the the first clue is the click. So if user click on add this is definitely a clue that it’s interesting for for him and after that he starts reading and in five seconds he decides if it’s relevant and after that he Scrolls around and clicks around and in 15 seconds it’s.
I guess something that the key likes and then she starts whoever LS evaluating your offer and at the end he converts. So if all of this happens you’re on a good track. But if not, you want to know where the problem is, and you can’t optimize if you don’t measure. So let’s take a closer look at the first impression. What happens if, if a user comes the website in his head, first five seconds on a website are tightly connected to net or refer a link that the user has clicked on.
So, after the click you have to meet the expectations, if you don’t, users will just close the window and left if there is a problem with first impression, you can measure it with bounce rate you can see if there is a problem and how big is the Problem and then, with five second test, you can find out what the problem is more specifically, and you can also get an idea how to fix this problem. So bounce rate is the metric that measures a percentage of users that come to the website and bounces away right away.
They like come and bounce like a ball now. How many of you here use Google Analytics? If you raise your hand, okay, great their user analytics, is basically the most used web analytics tool. Almost every website has it. So then it’s only a question. What you do with data that six clicks by default: Google Analytics measures bounce rate, but it’s wrong. I know Google is wrong right, but you can also measure the right bounce rate.
So when the user come and left immediately – and you have to do some coding for this – it’s a few lines of code now – it’s easy to just put it in your website and it will work. The bounce rate will adjust itself and this is called adjusted. Bounce rate – now don’t worry, I will put this slides online, so you don’t have to write down the code. You can just check it later after you implement this code, the bounce rate will drop significantly.
The next method I mentioned was the five-second test. It’s a method that I really like to use because it’s the best way to capture those few five seconds on the website. Now we will do a five second test right here. Please look at the website. Okay, how many of you can answer these questions? After seeing five seconds of the website, why should I stay here? What become what company is behind it? What do they offer is offer trustworthy? What should I do next? So don’t worry if you can’t answer all them that landing page wasn’t very good and if you show your page to the random people for five seconds and answer those questions you will see.
If you have the problem, it can either be relevant. Identity offer credibility or call to action on all of them for that matter, so the first very important factor of first impression is the title: it’s usually the only thing the user will read when he comes to the website and if he understands it, if you find The benefit in it it’s okay, otherwise he will just bounce away. Your page title should tell exactly what the page is about as clearly as possible, and it should match a net.
I could go on about this topic, but sadly today we don’t have enough time to go in detail for everything. So the second thing is the picture. The picture is worth a thousand words. It should help you sell the product, not just be pretty and distract users. You remember the steps from the from the for most of you got it drunk, but why now picture with the rocket keys is very cute and clever right, but the B image helps sell the product because it actually shows the product they’re not selling a rocket backpack.
But marketing tool right – and this is exactly what you should do with your hero image. You should tell this in a way that you show a random person just an image. You know no, no website, no title, nothing just an image, and if a user can guess what this image is about and what the website with this image is about, then it’s a good thing, then you’re on the right path. Also, I have a few rule of stamp weather.
Good hero images like shows the products in the contest of use. It’s show successful user shows real feelings, supports key message and gives additional details about the product. This is not always applicable, but it’s a good good rule of thumb if you’re selling a product or service. Ok. So now we cap the user for five seconds on our website. Yay. Let’s move on to the 15 seconds. You have to have a focus.
Otherwise, a user won’t stay on the website. Think about a homepage. How does the typical homepage looks like well? This is the image of how Google would look like if it was designed by a traditional organization right. It would have promotions about US news for advertisers. Some more bragging basic search and, of course, advanced search, but homepage, should have a focus. It should segment users not sell one key tasks for the main segment and then at the bottom.
You can have other links for other segments. Now you can measure your focus with attention ratio. It’s a very simple metric. You just basically count the links, a user can click on and that’s it. For example, this page has 62 one attention ratio, it’s not very good, and this one is a bit better. It’s also Bank, but they have a ten to one attention ratio. Ideally it would be one to one and here, if you would just remove the the main navigation, it would be very close.
So next show your value tell users what they should do and why this is the formula for your call-to-action copy. What plus y is the user. I want to do something because it will benefit for me and, for example, I want to download white paper, because I want to learn 30 UX secrets from top experts. This is example of title and the action button, and then you can repeat this. The same action at your forum, especially if the form is on the next page, so it’s not visible or if you have to scroll long down with something like this and don’t be afraid to use large buttons.
It’s actually good to have a big button and it should be in contrast, color, because then it’s visible, here’s a test how you can check if your button is designed? Okay, basically when you’re sitting at the computer, you just close your eyes like almost so. You see the screen like blurry like this, and if you can still identify what is the call-to-action button, then it’s okay and on this example, it’s clear right.
It’s still this bright blur of orange and on this side it’s not that clear right. So you’re now reading for 15 seconds and again, if you want to track this on in Google Analytics, you have to implement additional code now after 15 seconds, your user is interested and he wants to know more and he will be looking for answers. So you have to give them what specific information do users need to make a final decision? You should ask yourself and how can I can? How can you measure it, so you can measure definitely by tracking scrolling.
Almost every website is a scrollable website. You want to know if users scroll above the fold and if they come to the end of the page, you have to check where the fold is on every device. For example, here on the laptop, it’s not obvious that you can scroll down, it’s not visual. It should be visual what users can do and you want to also track clicks, all the clicks the user made. These are not the next page.
Google Analytics does not stretch automatically, so you have to add events on like play. Article download, or something like this or open PDF for pricing curve stuff like that, of course, there’s a code and you can download it later. Okay, with the with the code, you get some additional cool screens in Google Analytics, but you can also then track these same things that I talked about with special tools like hit map or like crazy egg or a hot jar.
You get. You then get hit maps with scrolls and the clicks. So what are key takeaways from today’s talk? First, five seconds are critical. You have to measure it with adjusted bounce rate and five-second test, then focus and show value in design and copy. This you can measure with 15-second event and attention ratio. Then you cannot optimize. If you cannot measure you should use as well as web analytics and you should talk to users.
So the main point is without data you’re, just another person with opinion and without good interpretation. You’re just another source of noise. These are my bonus, slides for all of you interested in this topic. You can download code and checklists and setup for google it expose and another bonus for landing, page user experience checklist. So next time you’ll be make landing page. You can just check if your landing page applies to to this checklist.
Thank you any questions. What’s the background? Yes, yes, there is some research about making this first impression. It’s some will research, especially for web or for people in conversation and everything, so we usually make first impression very quickly. It’s the same with the website and the same with people and this 15 seconds yeah. This is just a rule of thumb, so basically depends on the website.
Of course, if you’re above the fold is more content heavy or if it’s just like one statement, then you should adjust this timing and also, if you have a really long scroller website, then you should stretch some sections in between adjust the default. In the end Thanks. Anyone else yeah, yeah yeah Google – has some some advice about how to implement this event, and but I think, if you just google, the code that you’re interested in the internet is full of google antics experts, and I guess you will find something useful if my code Isn’t? Okay, for some reason, thank you yeah.
What? If I have any? Oh everything, everything is anonymized. Of course we have a very strict policy. Basically, I usually don’t track exactly the exact mouse movements. I very rarely use tools like hot jar because it slows down the page. This is quite a good reason and I think the clicks are good enough. So if you know that if the user is reading and if he is clicking, this is usually good enough.
For me, but yeah everything is anonymized right. I don’t know if you’re you, especially specifically we’re looking at my website Thanks
Now, the way I’m going to show you is going to be slightly different, especially if you’re a beginner now just to give you a bit of story here. This is actually my third time that I’ve tried click funnels and the first two times I tried it. It felt overwhelming for me, so I decided to cancel the membership so this time around.
I realized that I didn’t really go in and learn the ins and outs of how to set up things in click funnels. That’s why I felt overwhelmed, so the idea of this tutorial is just to show you quickly how to set it up before you start, creating all your funnels. So the first thing you want to do is to integrate your click. Funnels account with stripe. Now stripe is very important because this is what’s going to allow you to accept any payments once you start selling your products, so we’re going to come over here and, as you can see on your dashboard here, it says a new payment gateway.
So I’m going to go ahead now and click here on new payment gateway, so these are the things that I can integrate with my clickfunnels account. So here we have PayPal. We also have stripe. So these are the two that I highly recommend. So I’m going to go ahead now and click on stripe. Now I’ve already gone ahead and created a stripe account and I also have a PayPal account. So this is something that you want to do beforehand before you can do the integrations.
Ok. So here I’m going to click on, create a stripe account. Ok, so I’m just going to call this CF stripe. Next, I’m going to come over here to default. Stripe account, create stripe account. Ok! Now I can connect it. So I’m going to click here on connect with stripe, as I mentioned earlier on, I already have a stripe account, so I’m just going to go ahead now and sign in so I’m going to click here on sign in then I’m going to enter my email and Password, ok, so that’s it! It’s all connected now.
So if I decide to sell any products on my website, everything is going to be going through. My stripe account, but the one thing that you need to do is to first create the stripe account beforehand. In order for you to be able to connect it now, the next thing you can do is to connect your PayPal as well. Okay. So let’s talk about the next part – and this part is very very important because no matter what you do online with click funnels, you do need to create an email list, or at least have a list of leads.
So to do this you’re going to either need action, Attucks which comes in as a package with clickfunnels, and this will cost you 297 just to add that package on now as a beginner, it’s a bit too much to be honest, but of course, if you have All your products already and you have the budget, then that is fine, but if you’re on a tight budget and $ 97 a month is a bit of a stretch for you going for, the 297 is going to be even worse.
So there are other systems that you can integrate with click funnels that work really really well. So there’s two email, optimization companies that I recommend. Of course, these companies like Aweber there is a MailChimp, but the two that I really recommend that are very easy to use. As well our market hero and convertkit, so let’s take a look at market hero here. So first of all, the pricing is very, very good $ 19 a month, and this is for 1,000 emails and that, to be honest, is a very, very, very, very good.
Starting point now before, when I signed up with market hero, it was way more expensive than this, so I’m really glad that they’ve reduced the price and brought it down to $ 19 per month. So here, as you list gross, of course, the amount goes higher now here: 3k, it’s 49 at 7k, it’s 99 and so on. But still this is a very good starting point, especially if you’re a beginner. Now, let’s take a look at convert kick now over here again, this is very, very affordable $ 29 a month and it has customizable forms, email sends industry-leading, deliverability and so on.
So this one here I mean I also have an account with convertkit. That’s what been using for quite a while – and I also highly recommend this now – here’s the thing this might seem quite overwhelming, if you’re a beginner getting to learn how to use convertkit or market hero and also click funnels itself. So what I’m doing here is. I am in the process of creating a click funnels course, but it will also show you how to integrate and how to use all these software’s altogether.
Now, if you really want to learn and take your marketing to the next level, I will leave a link in the comments box below and anyone that purchases click funnels through my affiliate link, I will give you this course absolutely free. It’s going to be very, very intensive and once it’s complete it’s going to be costing around two hundred and forty nine dollars. So this will be a very, very, very good starting point if you want to get into making money online, alright.
So moving on, let’s come over here and let me show you how to do the integration so over here on clickfunnels. What you want to do is in fact, let me just close this. You want to come over here to integrations, ok and then you want to click on, add new integration. Next, you want to look for what software you want to integrate with so there’s convertkit here and there is also market hero. So I’m just going to go with.
Let’s go with convertkit, so this is where you want to add your integration nickname. So I’m just going to call this converted. Kids, I’m going to keep it simple, and this is where you want to add your API key. So I’m going to come over here and login to my conference. Key account click on login right, so here I’m just going to show you quickly how my list has been growing. So, as you can see, I’ve worked close to 3100 subscribers.
So, as I mentioned, I’ve really used this program. It’s really really good for for beginners and you can eat. Meat has quite a lot of features that you need when you do online marketing all right. So the next thing you want to do now is to get your API key. So I’m going to come over here to my account settings, and this is where the API key is so I’m going to copy it come back over here to clickfunnels and paste my API key click on add integration.
Great. So, as you can see here, my API key now has been added, so the next time you create your funnels on the opt-in form. All you have to do now is to click on the opt-in form and then link that with convertkit. So, every time someone signs into your opt-in, they will be added on to the list. So this is how you quickly set up your clickfunnels accounts in order for you to start making money online.
If you have any questions, please leave them in the comments box below and I’ll do my best to respond to those questions until next time. Thanks for reading and I’ll see you in the next article
First choose the right category for your article. Secondly, write the title and the subtitle of your article then write the body of your article following these three tips divide your article into at least two paragraphs and start each of them with a sub headline. Did you so highlight the sentence you want to make a sub headline and click on the h2 button sold two to three important sentences or keywords per paragraph inserted leads to links to other blessing.
These articles highlight the sentence you on the link and click on the insert a link button. Here we will automatically suggest you some links wherever possible, if not make a quick search on blocking news using the main keyword of your article once you have found the perfect related article to link copy and paste the address of the article and click OK, this is A mandatory step that will help you gain more views from other blasting news pages and make your article more informative.
To make your article more engaging embed Facebook, post, tweet or YouTube articles, your readers will appreciate it and there will be more likely to read other articles of yours in the future insert at least one tag for your article. You should tag your main keyword of your article insert the source of your article. It can be yourself where you click the button I in the source, or it can be the address of another website.
Now the last step upload a picture once you click on the upload, a picture button, you will automatically find pictures suggested by classic news. You can choose one of them or you can upload your own picture from your laptop once you have chosen your picture. Add a caption for it and credit. The author of the piece remember to follow this data when you are satisfied. Click on the I’m done button on the right bar of your screen to give the possibility to ask for a piece to our social media influencers or to automatically share your article on social.
Remember to follow the golden rules you find at the top of your screen and now you’re done, then your article for approval and wait for feedback from the clean, your glass routine, depending on the day and time. This can take anywhere from a few minutes to an hour. You’ll receive an email with the editors feedback as soon as it’s being reviewed to know the status of any article. You can check your article list, just click on list of news and audio news and on the filters change the status to under review, publish or even all articles then press send leaving your mouse over.
The icon will show the description of each status.
We’re going to learn about lumely lumely is a social media management tool and we’re going to go in and set it up and actually see what it does. If you’re starting your business and you’re feeling overwhelmed from posting all over the place and just trying to find the time to do it by the end of the day, that sometimes seems like all that you’ve gotten done is that you’ve post posted right now.
Many of you already realized that you don’t need to be posting all over the place. If you have one place that you post that’s enough, especially in the beginning, and you want to build from there, but today we’re not talking about what you should be doing. As far as posting, but I’m going to offer you a tool, that’s going to help you post ahead of time. So you could take a day and say I’m going to post out everything for the month and have it set and it will go ahead and post for you now.
Another way to do that is to hire a virtual assistant. But some of us just don’t, have the funds right now to hire virtual assistants, so you’re looking for software tools that are going to help make your life easier so that you can put your time into things that are creating money, alright, so lumely, let’s get started. Let’s go in and look at it and, like I said we’re going to go right to the beginning and we’re going to set it up to show you how easy it is.
They do have a 15-day review. There is a link below so go ahead and hit that if this is something you’re interested in but before you do that check it out here and see if this is something that you’d be interested alright, when you get on the first page, when you get your 15-Day review they’re going to it’s you’re, going to create a calendar and that’s exactly what you’re doing you’re scheduling your posts.
So I wanted you to see how easy it is to set up you’re just going to follow. You can add a lote logo here for your business or you could add your own page, we’re going to write a demo company here and then your time zone now. This is where it is really neat. Okay. This is where it’s a huge time-saver in your business. Let’s say you are at the point, your business, that you’ve master two or three social media accounts and you are posting okay again, if you’re brand new, you need to focus on one get to know it and then expand, but here you can post on Facebook.
You are, if you’re doing Facebook for ads Twitter now Instagram isn’t here yet, but they will send you a notification, reminder and say: hey you posted every place else, make sure you get your Instagram. There is a little note here that they’re working on it. That’s usually a big one: everybody wants to make sure they can post on their Instagram. So you know if you get on there now and you know that they’ll at least notify you that step is there.
They also can post on Pinterest, LinkedIn and Google, my business. So we’re I’m going to have just to connect to a couple: let’s do Pinterest and Twitter now, each time I hit one of these, it’s going to actually search for my account and then connect. So I’m just going to do Twitter and Pinterest right now. Just for the sake of time, so we’re going to connect to those and then we’ll I’ll show you how you can set up your account.
Okay, I changed it to Facebook. When I was trying to get into my Twitter account, it wasn’t taking my password and it would take me a while to go. Look in my Google Docs to find the update at 1:00 and all that stuff. So anyway, I am in Facebook, and I just put it on my business page and Pinterest. I just picked a couple things so with that make sure as you’re setting up you have access to all of your accounts and all of your passwords.
It will take you a few minutes to get that all connected. What happened was it just connects, but then you’ll have to know your username and password. Alright, let’s go to the next step. Now this one, if you have a team working for you or maybe you just hired someone in your family, maybe there’s maybe one of your kids. Your teenage kids could help you with this. Okay, you have different three different workflows that you can choose from.
So this is one thing I do love about this one. You can have more than one collaborator in charge. So if you have somebody helping you, but then there’s going to be some different steps, draft pending approval requires edits, approved, scheduled and publish, so your post is going to be in one of those pockets. If you don’t need all that, it’s just you, nobody else is working with you. Then you want to come down here, possibly look at the light, workflow one collaborator, but you still may have some things in draft pen.
Approval requires edit schedule published you’re still thinking. Well, I don’t really set up drafts. I just get right in and I do it. Then you want to go down here. Zero work through no approval steps. Three post states you’re going to have a draft scheduled published so you’re not going to go in and edit and things like. Let let’s just go with the light one and select that for today now, if you’re, someone that runs out of ideas and maybe sometimes you’re sitting down you’re like oh my gosh, you know I just need like ten more ideas and because I’m posting for the whole Month and that can be cumbersome right here, you can ask gloomily to grab your RSS feed URL.
So maybe you have feeds coming in to those different platforms. They can pull them in and say: hey here are some things you might want to repost or you might want to edit it and post it. If you don’t want them there then don’t add it. Okay, I’m going to skip that for now and we’re going to go forward, but a pretty cool idea because, like I said, it’ll help you with ideas here you can invite people to approve, couldn’t contribute or view your post on your calendar.
So maybe you want someone like that first step to come and be a collaborator collaborator and say that really fast, three times collaborator but put their email in and whatever their role is and the role could be an editor, a client, a contributor, a viewer or just A custom role, so maybe you just want someone to look them over, even maybe you’re, in a position where you know you’ve got somebody you’re working with and they you know you have them, come in and get their ideas.
So you have these options. You do not have to choose them all right now, we’re going to finish and get to the fun part. I just wanted you to see how easy it is to set up, because sometimes we see these different tools for our business and just trying to learn the tool can be overwhelming, and then you get stuck and you’re more overwhelmed. But if you just take the time schedule the time and say I’m just going to sit down, take a whole day, maybe take two whole days block everything out and get it done.
And then you have a whole month where you can have stuff already post it, and you don’t have to worry about it. Am I in teaching, as a teacher, I have I’m a teacher and I homeschooled, but one of the things that I would do, especially with children that have trouble doing lots of things at once. Is we called it block, scheduling or block teaching well, even with business? I recommend to people when they get overwhelmed.
I have too many tasks to do. I tell them to think of all your tasks in blocks and maybe in one day only do two things, but do a lot of it. Does that make sense so you’re blocking it? Instead of doing five different things every day, you might do just two things, just like with YouTube articles. You know get all your articles done in one day and then it’s done when you’re posting for social media get it all done in one day and again, if you’re new and still coming up with ideas, maybe half a day to half a days would work.
But you have to figure out what works for you without getting overwhelmed and without losing that focus, because sometimes, if you’re all over the place, you get distracted and then you never finish it. And then this tool is useless because you’re not using it and that’s what a lot of people do. I have seen so many people start their business and they buy all these wonderful tools and they’re, putting out monthly fees and then they don’t use it.
And in my heart I hate to see that I hate to see people waste their money like that, but I don’t think people do it on purpose as much as they just get overwhelmed. So I’m giving you that little tip right now take the time sit down and again I as a brand new person. I would take two days just block them out and get it done and then move on to something else. Okay, so let’s move on here just to get started to understand how the system works.
Lumely gives you ideas like there’s funny Friday, you can get a quote and they’ll give you different ideas, so you can even pull from their library. If you, if you you know per say alright, so now we’re going to pull something. When am I scheduling it today is the 27th, let’s say 11:30 a.M. This is only for my reference, so I might say it’s a quote. Maybe every day I’d like to post a quote: okay and I’m going to label it inspiration, okay and then we’re going to go next.
Where do you want to post it? I want to post it on my Pinterest and which board do I want to post it on great quotes? I have a board called quotes right there, alright, and I want to put it on my Facebook page and it’s also called quotes. Okay. So, let’s go to the next button thing. I just want you to see that you can post it two places at once. Now this is a place where I can say something I can put the quote or the hashtags.
You have to be careful on whatever platforms. You’re on make sure whatever you’re doing that they all take it. For instance, if I was putting a really long passage for Facebook, I can’t put that on Pinterest and I can’t put that on Twitter. So since I’m just putting a quote, it’s going to be fine for both. So keep that in mind, especially if you’d like to put lengthy posts in your Facebook page. I say I just put a corny quote: the early bird gets the worm.
I put three hashtags: both of them will work with Pinterest and it will work with my Facebook page. If you want to put a URL in there like like right down here, you can put a picture. You can put a article and anything like that that you want I’m going to leave those alone for right now for the sake of time, and we will continue now one thing before I go right here where it says: hashtag you, if you have certain hashtags, that You use all the time like if you use hashtag, and I use my name – let’s say: okay, I use my own name as a hashtag.
A lot I can. I can save it. Okay and then here’s another one. Hashtag start your own business goodness and then up here I didn’t hit the inner. Oh that’s the name of the collection, okay, alright, so you can, you can save your hashtags and then you can go in and grab them whenever you want them. Okay, now, once I hit next, it says fine tune. It is there anything that you want to do. Here’s where you can add content, media specific to each blog, so on Pinterest I could put a link to my YouTube, blog or a YouTube article.
I could do the same thing with Facebook actually, but I’m not going to add anything. But this is where each one of your platforms, you can customize it and make sure it fits. Maybe you did have a big paragraph that you wanted to add to Facebook to go with that quote. Maybe you wanted to explain how it’s touched your life and tell a story. This is where you can add it. Okay, so I’m just going to hit, got it and then they’re going to give you some tips about you know was that the best time this is Facebook, it’s telling me simple status posts are not recommended.
Why don’t you try and share a link or an image or a article, so they’re saying you’re, just putting a post? You need to add some more to it. So they’re going to give you some ideas, what’s going to make it better than what it is, alright, which is awesome for each one of your individual posts. So then you can fine-tune each one from now. I’ve never seen on a social media management platform where you can actually pick your audience.
Okay, so you can say these are the preferred audience that I want to see what I’m posting. So, if you’re you’ve already started your business, you have a target audience. You can target your audience here, we’re just going to go in and pick. I don’t really masters, I’m just picking some things interest. You can type them in and locations. You can type them in okay. So let’s go next all right now I can save it.
I can schedule it or I can post it. So if I’m not sure if I’m finished, I can go ahead and save it. I could schedule it right now or I can publish it right away. So I’m going to schedule it just so you can see, because this is a scheduler. Now Pinterest wants a picture you’re not allowed to post anything on Pinterest without a picture. So the whole system stopped me and said: you can’t schedule it until you have a post.
So up here the picture the little photo icon was in green, so all’s I have to do is hit that and then I can go ahead and pull up a picture from my browser. So I’m going to do that right now now. Basically, it brought me back to step 3 where it said, define what you want to put on each page. So just a hint when you get do any Pinterest, you want to make sure you have some pictures. Now I have some chickens as I went into my folder and I grabbed it real quick.
It happened to be on my desktop again. I would not post this. I just want you to see the steps and how easy it is to follow. So there’s my chicken with their head sticking out, it goes kind of with the the quote. Early bird gets the worm right that all works, all right, so let’s hit next and now we’re going to post to our Facebook and to Pinterest. So that is an old picture. I don’t have that horse trailer anymore, that’s an old one, all right again, it tells me the different things that I need to do, do and prove it, and then I hit next after my improvements and now we are going to look at our audience.
It’s already been picked, let’s go next and now I’m going to schedule and that’s what we’ve been waiting for. How do you schedule again? It takes time and thought, but remember you’re, doing it all in one block in a day or two and you’ve got you can schedule out for the entire month. I have another tip for you before this is over about scheduling that I learned from somebody else. That is ahead of me, okay, so we are going to put this on Facebook and we’re going to schedule it.
It says scheduled and then we’re going to schedule it. I scheduled it for today at 11:30 and it’s been scheduled to both places and it’s ready to go so I can have everything. Go it’ll publish to all my accounts that I wanted to go to and it’s done so. If you publish like three times a day or twice a day or even once a day on various accounts, everything will go out at the same time and I’ve just done the work once I don’t have to go into each of those accounts and you’re going to Get better at it as you go, you might, even during the month as you have ideas, start a folder get a Dropbox or a google doc, I’m folder and just start throwing things in there.
If you have some images or some quotes that you like to start throwing them in there and then when it’s time to sit down and do the next month, you have all your stuff. Now here’s my tip to end the day after just come up with three really good months, like 90 days of posts, okay, three good months, maybe even four and then after you use them, recycle them go back in and you can recycle them and use them all Over again, so you don’t have to keep recreating them over and over now once in a while, especially on Facebook, you might have something personal that you want to add or something that you really want to share.
That’s lengthy! You can go into paint Facebook on your own and just post stuff like that, the current stuff, but that stuff that you want to post. You know some quotes some inspirations. Some you might teach some things about the business that you’re in to help people maybe you’re into oils, and you have different products that you want to share like what they do, how they help improve their life.
Things like that, you will just post it and it’ll be on its own rotation. So there’s my tip so you’re doing a lot of work in the beginning. You get that system in place and then you don’t have to keep touching it, except when you go in to reschedule them to recycle them. Okay, so one day a month, it’s going to turn into maybe a half a day, or maybe two two hours after you recycle and you just saved yourself a heck of a lot of time.
I hope this was helpful to you. The link is below you see how easy it is to post get the 15 day free trial check it out. There are various social media management programs out there. I like this one because of how simple it is to use, and it will just post everything for you all at once. I like the fact that they’re getting ready to add Instagram, I know that’s a big deal to people and sometimes the companies that have instant are charging higher prices which isn’t fair so anyway.
This one is economical, check it out and don’t forget to subscribe to. My blog and click that button for notifications every Monday, Wednesday Friday, I will have a new article out, for you have a great day and again thanks for reading
So welcome Brian happy to have you with us how’s everybody doing everybody stand up. I have a TD and I’m like a caged lion over there, put your hands over your head. Okay, stick your right out and do a little shake left out. Do a little shake sit back down nice job team, okay, who’s, sort of HubSpot, okay cool, that sort of gets it.
So this this idea of inbound marketing. I really like this idea a lot. It’s a new type of marketing and there’s sort of two observations behind it and the first one’s rivet driven here. Anyone know who this handsome guy is on the left. Famous guy come on you’re a Harvard Business School here, that’s my dad and that’s me on the right, and if I just I just the first observation that that led me to this idea of inbound marketing is just this radical transformation in how humans live and shop And learn: there’s been this tap, this sort of tear in the fabric of the universe around the way work happens, the way we all live and shop and learn has radically changed, and I think that the difference is shown with my dad.
I think about my dad. He got a lot of mail. Every night, he’d come home at 6 o’clock, it’s sitting next to him on the bench and he would have the scotch and water and have a little cheese with crackers, and he would open like all this mail and read it. I never opened my honor. Do you guys ever open your mail is never anything in there. That’s useful! He. We got 7 TV stations blog 2. Blog. 4. 5. 7.
3856. If you get the rabbit ears, just right, you can get blog 68 and he talked on the phone a lot and just very different from all of us. You know I’m on Twitter, I’m on facebook, I’m on LinkedIn, I’m on Gmail. It’s just a radically different way. I work and live and shop and learn. So that’s sort of my first observation I sort of came up with my. My second observation is that the PlayBook that marketers use almost all marketers use – this is pretty common in the PlayBook.
Is we’re going to buy a list of email addresses and we’re going to? You know we’re going to bang people over the head, an email, we’re going to hire a bunch of young and hungry telesales reps and we’re going to cold call people we’re going to spend a bunch of money on advertising on google adwords or whatever. It would be. We’re going to hire a PR firm to interrupt journalists. We’re going to do TV ads are going to radio ads.
That’s sort of the marketing playbook in that playbook worked great for my whole career. I sort of built my career on that I call it the outbound marketing playbook there’s only one problem in that playbook. What’s the problem, what’s the problem? What’s the problem with that with that playbook I mean it’s the opposite of what you guys do. I know, but what’s the problem? People are sick and tired of being marketed to and they’re sick and tired of being sold to, and they get really good at blocking it out whether that’s a DVR at home or it’s caller ID on your phone blocking the goddamn sales reps out.
Whether it’s you’ve got you’ve got ad blocker software, now that’ll block out the Google AdWords that doesn’t work as well. You’ve got spam protection. Software and you’ve got priority inbox with your Gmail. It’s nearly impossible to reach somebody with the traditional marketing playbook. Today, you need to take that everything you learned in your marketing class here at HBS, throw it away. It doesn’t work anymore, completely, rethink marketing to match the way humans actually shop and learn today, and that’s what I call inbound marketing versus outbound marketing.
So if you can start a new company, do it with inbound, don’t do it without bond now, there’s a couple things. I really like about this inbound approach versus the traditional outbound approach with inbound. Your success is much more about the width of your brain than it is about the width about the width of your wallet. Big companies have a lot have a big thick wallet in a really thin brain. Small companies have big brain thin wallet.
Inbound marketing is great for small businesses, so you people at HBS. I heard I’m a Sloan guy, but I heard a rumor, the HBS people at big brains, and so you guys should be all this inbound marketing skits, because your success is much more about the width of your brain than the wit sphere wall. You don’t really need any money to be successful within that market. Second thing I like about inbound marketing is the way it’s scale.
So let me let me walk through how I think most venture-backed startup marketing departments work. Here’s how it works. Everybody you get your pie in a pile of venture capital, its Khoya capital, they put all adventuring in the marketing guys like great here’s, my plan I got my shovel hold on. You know we’re here on the left that that’s Google AdWords, but it’s really a furnace. So I got my shovel and Google grows like crazy, but you’re stuck and you can’t grow and it’s really hard to get the math work with Adwords, and this is how a lot of startups try to get the math work.
It’s Adwords and Facebook Ads just darn hard to make it work. If you get it to work, you put a dollar in the machine. You get like a dollar 10 out of the machine really hard to get that math work. The way inbound marketing works is very different, let’s just say, let’s just say, you’re the CEO of Ford Motor Company. If you’re CEO of Ford Motor Company you’ve got assets on your balance sheet, what are some of the assets on your balance sheet Ford Motor Company assets on the balance sheet factories inventory cash? Thank you, David you’re, very good student things like that.
Now, let’s say you’re VP of Marketing or you’re, the founder of a start-up. What are the marketing assets? You’ve gotten the vision, that’s crap, hard, tangible asset on your balance sheet. If your marker perspective, that’s worth sorry, I’m Porsche. It come on. Okay, let me get in. Let me give you a hint links into your website. What’s another one HBS Twitter followers is that what you said brilliant? What else? Facebook fans number keywords you rank for in google number pages on your website.
Those are hard, tangible, modern Marketing assets on your marketing balance sheet and what happens? Is you create an asset today create a piece of content today and it’s a it’s an asset that lasts forever in skills forever. It’s it pulls in customers and it lasts forever in it in pulsing, customers essentially forever. So it’s not like you’re renting that asset, you own you own. This asset you’re, not renting space on Google you’re, not renting space in some list, you’re, not renting space on Facebook, you’re, creating your own marketing assets become magnets that pull customers in people with me house with me cool, okay.
The other thing I like about inbound marketing versus out marketing if people hate outbound marketing, does anyone like getting called at home at 6 o’clock? Does anyone like getting spam and you will like those television ads sucks inbound marketing is great. You create all this content and it’s rich content, it’s informative and it pulls people in and it’s engaging so people fall in love with your brand, like they fall in love with Patagonia or they fall in love with Apple or they fall in love with Whole Foods.
These brands that people love – that’s, you want to create a lovable modern brand people are really sick of this traditional marketing, ok, and so how do you do inbound marketing? Well, we’ve got a couple minutes here, so I’m going to talk about part of it. The first thing you need to do as an inbound marketer is, is to create tons of content. The idea is, you got to turn your website into a modern magnet by creating tons of remarkable content.
Blog articles genius, brilliant blog articles, ebooks webinars things like that, and if your blog articles, good or your webinar is good or your ebook is good. It’ll pull people in and the better it is the more retweets they’ll get the more Facebook lights. So it’ll get the more links, it’ll get the longer, it will sustain the more leads it’ll pull in and it’ll be really really awesome. So the key to being a modern genius marketer, creating tons and tons of remarkable content, you mark it, you mark it today.
Think of yourself, like Disney or fox or CNN, like you’re, a production studio so think of yourself, like a production studio, turn your brains into customers. What’s this, we said that you said that, what’s your name Bibi, you’re, a goddamn genius that is the Internet. What are the dots customers their pages? There are their websites, okay and the big white ones are big websites. What are what are the? What are the lines between the pages links? The more the more links you have, the more visitors you’ll get the more Authority.
You’ve got the more mojo you get and the way I kind of think about it is links are to the Internet as dollars and cents are to the economy. How do you get a lot of links into your website? Brilliant content? What’s your name genius Bill’s, a genius remarkable content? Here’s what you here’s! What’s going to happen! You going to start your company and your website’s going to be like Cambridge Massachusetts right, it’s like Cambridge Mass! How many, how many airports in Cambridge zero? How many? How many like bus stations, real ones? None train stations highways a couple two highways! You want to turn your website from Cambridge Massachusetts to New York City.
How many? How many airports in New York City? I have two three whoppers train stations. Yeah. You have pencil up. Big transitions: how many bus stations the bus stations are twitter? The train stations are Facebook, the airports are LinkedIn, the highways are links from other websites, so to be a remarkable, modern, crepe marketing people love that scales have to be able to create a lot of content.
Anyone know what this is. This is the Imperial Palace in Japan, and I took this this picture because it reminds me of my favorite philosopher, my favorite philosopher is a guy named Warren Buffett. What Warren Buffett says to his CEOs? Is you want to build a moat around you, but if you want to build barrier to entry barriers around your business like Michael, was talking about and the modern moat around your business? The way he says that I really like it’s like you want them, make the moat make it really wide, make it cold and put sharks in and alligators and wider colder.
I think the modern moat around your business, I totally agree with Michael, isn’t a patent? Isn’t a trademark, it’s this inbound marketing stuff, how many links into your site how’s that growing? How many keywords you’re racking for how many Facebook fans, how many LinkedIn fans? How are you getting them converting down the funnel that stuff’s really hard to replicate? And it reminds me of a company that I really like called Zappos when I think of Zappos.
Let’s just say I wanted to start a company to compete with Zappos. I was going to you and I were going to start it we’re going to start we’re going to what’s your name, we’re going to bury them. You and I were going to bury them. We could we could figure a lot. We could get them a good-looking website. A higher design we can even get their funky culture right. We could get the inventory, we get the supply chain.
The thing that’s a bear for us to compete with is Tony Hsieh. The CEO he’s got six million Twitter followers, their websites get 500,000 links into it. There they have five million keywords. They rank for that’s a nearly insurmountable competitive advantage for the two of us to compete with. That’s what I wish for you, an insurmountable competitive advantage. Go frame, bow marketing, really works.
I don’t about you, but I feel like I need to rush out and buy something that he’s selling whatever it was I’m buying. I mean too late. I think I think a smarter brother got there earlier, learn more in that marketing book. You can check out or go to HubSpot marketing greater calm. You put your URL in there it’ll give you a grade of 1 to 100 on how good or bad you are at this stuff. And then, if you like this stuff, I teach a class at Sloan on its it’s a half semester class, you can cross register for it.
Welcome, I’m so excited to be here because today, dotnet core 300 has shipped, which means blazer is now available for production use on the server. In this talk, we’re going to talk about using blazer to build full stack web apps using just dotnet and c-sharp. Now Don that has always had a great story for building server rendered web apps. These are apps where you stick some dotnet code on ur server and that code generates HTML or Jason in response to browser requests.
If you wanted to do anything on the client in the browser, well, that meant you had to use one of these guys. You had to write some JavaScript and there’s lots of great things about JavaScript, but there’s also some additional cost and overhead of having to bridge these two very different developer worlds, with different languages, different frameworks and different tools. Well, this is no longer the case.
You can now write your client-side web app logic using net with blazer blazer is a client-side web UI framework where you get to write dotnet and c-sharp. Instead of JavaScript, you write UI components that encapsulate your UI logic using c-sharp and razor. You can then share your dotnet code, the same assemblies on both the client and the server. If you’ve got some validation logic, you can use it on both sides of the wire.
If you need to call into JavaScript code, you can still do that. You just have access to all the JavaScript API is of the browser and other libraries through a JavaScript Interop mechanism. Now Blaser is in large part made possible thanks to a relatively new open web standard called web assembly. What is web assembly well? Web assembly is a bytecode for the web. The idea is that if you can compile your code to web assembly, it can now run in any browser on any platform at near-native speeds and we’ve been working for a while now on getting dotnet to run great on web assembly, we are building a dotnet runtime In web assembly, this is how a blazer web assembly app works.
The browser provides the core web assembly support. On top of that, we’ve built a dotnet web run time. You then build your razor components that could compiled into normal dotnet assemblies they’re downloaded with the runtime into the browser and then executed directly in the browser. The browser then sends all its UI events to your dotnet code. Your components run, they render the UI and blazer does all the hard work to figure out what exactly changed in the UI.
The difference is then sent back to the Dom and updated very very efficiently. Now. The cool thing about blazer, though, is that you can host it in multiple different ways. We’ve talked about running your app on web assembly, but, alternatively, you can also run your blazer apps and host them on the server using the same components. The way I blaze our server app works is your components run on the server.
The browser sets up a real-time signal, our connection with the the server and that’s what it uses to handle and send all of the UI events that the the user is is creating when a button click occurs, it gets sent to the server. The corresponding component runs just like it did on a blood layers, blazer web assembly app. The component renders that the blazer does that hard work of calculating a diff.
It serializes that diff back down that real-time connection back to the browser, so can it be applied to the Dom so in dotnet, core 3. Oh we’ve shipped support for blazer server apps. You can use that in production today go and download it and install it, and I was thrilled to that. We announced today in the keynote earlier that blazer web assembly apps will be shipping and supported in May of next year.
Now, how do you pick between these two different hosting models? Well, there are different pros and cons to each a blazer web assembly app. That is really a true single page app. It has full interactivity, it runs client-side on the user’s device. You can use all that users device devices resources like its CPU, its memory, its storage, to the extent that the browser will, let you it supports offline scenarios, you can, you can deploy it as a static site.
You don’t even need to have dotnet running on the server, because your app is just a bunch of static files. You can build progressive web apps with a blazer web assembly. The downsides of blazer web assembly are well. You need to download that runtime with your app, and that means an additional download size cost, so your app may load slower. It does also require that the browser supports webassembly and well all modern browsers.
Do if you need to support something like say: IE 11 or an older browser that doesn’t have web assembly support. Then this one’s not going to work for you also Blaser web assembly is still in preview. It’s not ready for production, yet so that’s a factor to consider as well Blaser server apps. They have a really small download, because the only thing they need to download is a little piece of infrastructure code that sets up that real time signal.
Our connection. Your blazer component code is now running on the server on a full dotnet core runtime, and it has access to all of the resources that the server has access to. Do you want to talk directly to the database? You can do that from a blazer server app. Some people really like that your code never leaves the server in a blazer server app if you’re uncomfortable with the idea that your dll’s will get downloaded into the browser and the user can grab them and decompile them, then maybe a blazer server app will be a Better choice: it can really simplify your architecture to not have to stand up additional Web API, endpoints and so forth, so on in order to access server resources because you’re already there you’re running on the server, the cons of the blazer server model are, first of all, Latency, all of your UI interactions are going to go over the network, so you’re going to want to make sure that your clients and the server are as close together as possible.
There’s only so much you can do about the speed of light. It’s a connected model. So obviously, no offline support and also you’re paying with your server resources to run the UI for each connected client. So that’s an additional scale and cost consideration. How do you get started with blazer? Well, I recommend going to blazer net. That’s where you can find all of the getting started instructions and the blazer docks you’re going to want to install dotnet core 3 o if you’re interested in playing around with blazer web assembly you’ll need to install the Blazer web assembly.
Template too, if you’re on Windows using Visual Studio, make sure you get Visual Studio, 2019 16.3, which is now available today, as well. If you’re on Mac or Linux user, you can use Visual Studio code to do blazer development using the c-sharp extension and we are working on bitches studio for Mac support for blazer as well, and it should be coming soon all right. Let’s take a look at blazer. Let’s write some blazer code, so I’m going to go into Visual Studio and I have here the same blazer weather app that you may have seen earlier in the keynote.
This is a single page, app that lets us see. The current weather of Seattle wear work where we’re close to where we’re currently at today and you can see as usual, Seattle. It is raining alright, so that’s pretty cool now how we didn’t really get a chance in the keynote to take a look at how this app is running, and this is the same app. I did refactor it slightly to move all the components back into the app project, just to simplify things a little bit.
Let’s take a look at how this project is structured. The first thing to notice is that a blazer server app – and this is a blazer server app – is just an asp.Net core application. Here’s the program CS file for the app it’s got: the normal asp.Net core hosting coke boilerplate code in here it has a startup class that defines the startup logic for the application in this configure services method. This is where we define all of the services for the that we want available through dependency injection for our app up above you can see that we’re adding the services for both razor pages and blazer server, which is interesting, blazer, remember, is a client-side UI framework.
It does not replace or remove the need for the other server rendered frameworks. You still want to be able to run code on both the server and the client Blazers for the client. These two pieces of technology are meant to be used together and we’ll see more about that in just a bit. This apps also setting up an HTTP client to be used to talk to the back-end weather forcast service that you saw Glenn build earlier, and then we have some other app specific services that we’ll talk about in a bit down below in our configure method.
This is where the apps request handling pipeline is being set up. Most of this code is boiler plates the same set of middleware that every asp.Net core app has the two things that are different is here. You can see we’re setting up the blazer hub. This is the signal, our hub, that blaze, our users for managing all of the UI interactions with the browser and then lastly, there’s this map fall back to page rat.
What is this all about? Well, this is going to take any request that makes it to this point and make it go to slash underscore or host it’ll, basically reroute it to this end point: what’s that underscore or host, let’s go, take a look. Well underscore our host dot C s. Html is just a razor page. Remember we’re using razor pages and blazer together. Both sides of the wire most of the content in this page looks pretty normal, looks like normal HTML, but there are two things that are kind of different.
The first is at the bottom. There’s this script tag: this is where we’re adding the blazer server che s, script, which is provided by the framework. This is the script that sets up the real-time signal, our connection with the hub that we saw previously. We also have this HTML helper, this renderer component async call. What is this doing well, this is rendering this the the apps route component right here on this racer page for the initial render of the app and there’s nothing special about this app component.
This could be any component, you want and you can render any component. You want onto any MVC view or any razor page. Let me show you, this is really the case. So let’s live have a different project over here, not not the weather app. This is just a vanilla, MVC app and a speed on it core MVC app. I just did file new project and then I added those things that you just saw from the blaze of server app in the startup class.
I added server-side blazer down in the endpoints. I added the Blazer hub. We don’t need the fallback route in this case, cuz we’re not going to be using routing we’re just going to be having individual components on pages and then in the apps layout, which I think it’s under here and shared there. It is you can see down here at the bottom. I’ve also added the Blazer server script, all right, so we should be all set to go to use components in our MVC app.
Now I’ve added a component to this project as well. It’s right here, component 1, dot raiser, it’s pretty simple! This namespace is important for getting all of the web related RAZR directives to light up. So, if you’re having problems with those directives, not compiling for some reason make sure you’ve got it using for this namespace. It’s it’s it’s needed, and then we have an input in a P tag and we’re using this at bind directive.
What is that? Well, that is setting up a two-way data, bind which the value of the input and this message field that’s on my blazer component, and then I render out the current message down below. You can also see that I’m changing, which event is used for the bind. Normally a bind on an input would occur on change here have decided to do it every time I touch the keyboard on every key press so on input.
So I should see this message update with every keyboard press now to add a component to a project. It’s really easy, you can just do add new item and there’s a RZR component item template that you can use that’s what I use to create this this component. Okay – let’s now add this to one of my views: I’m going to go to the home page of this app and I don’t remember the HTML helper, so I’m just going to copy it.
Let’s go grab this piece of code and put it right there. In my MVC view, I don’t want to render the app component I want to render my component one component. Components are just normal, dotnet classes. So that’s why you can just use the type name. The type name comes from the name of the file: okay, that should be it. Let’s go ahead and run it, and we should see a vanilla, MVC app with the normal default template styling and hopefully a component.
Let’s see yeah there’s my component, let’s let’s zoom in a little bit and if I just start smashing other people with like high dotnet coffee, you can see it’s doing the data binding. We have an interactive component on an MVC view. Blaze, ok, great! So that’s using blazer from NBC, apps or racer pages apps. If you have an existing app, which I’m guessing many of you do, you can use blazer with that app.
If there’s no need to rewrite an app to be blazer, you use blazer for your client-side concerns. Okay: let’s go back to the Blazer weather application. We’ve seen, I think everything in underscore host at CS HTML. Let’s look at that app dot, raiser component here it is. This is just setting up client-side routing for the application. It’s going to find all the routable components in this assembly.
Let’s go see what routable components we have well, it turns out. We only have one and that’s this forecast dot. Razr component, you can tell it’s routable because it has the app page directive at the top. You do need to explicitly specify the route at some point, maybe we’ll infer that from the file path, but for right now for Blazer components, you need to explicitly specify it okay, so this there’s only one page in this app.
So this truly is a single page, application, okay and then down below for most of the rendering logic for the forecast page, it’s just razor syntax. A mix of HTML and C sharp, like this get background. Class function is returning some code for class based on whether it’s daytime or nighttime, and what the current temperature is. If it’s a you know, a warm temperature or a cold temperature, so just some c-sharp and HTML.
Now some people get kind of concerned because down here at the bottom, we have that code block again and there’s all this code. That’s in my component. Some people get concerned about this mixture of code and markup, and it was that really, okay, never used to say you’re supposed to always separate those things, and you should separate code from your components if that code is like business logic.
But if it’s related to the presentation layer, it’s perfectly fine to have it in line in the file, I mean it’s going to be compiled into the same class anyway, but if you still prefer the code behind pattern, that’s fine! You can do that too. If you remember from the keynote in the forecast page, we have this little temperature picker component. Let’s go look at the app that’s this this guy right here.
If I click it, it switches the temperature unit from Celsius to Fahrenheit and back that components implemented over here. On the components folder and it’s pretty simple – it’s got a div and a couple of spans, but it does have some code. If you don’t like that code living in the component, here’s how you do it you’re going to add a new class you’re going to call it the same finally, temperature unit, Picard razor dot, cos! If you did it right, it should nest nicely underneath it did all right great and then I usually call this is going to be an inheritance model.
The the code behind will be a base class, so I usually call the base class the same name as the component with base and it needs to derive from component base. Let’s get the namespace for that good, and then you can just copy all the code. Out of the code block put it into your base class save it. We do need to change the visibility of this private method, because this is an inheritance pattern. So now needs to be protected so that it can be visible by the derived component class.
And then, let’s just inherit from our base class using the @ inherits directive, so hat inherits when a temperature unit picker base okay and that’s what you do and if we wait a second. Hopefully, all those red squiggles will go away as it picks up the base class and there it goes okay. So that’s how you can do code-behind. If you like this pattern, I prefer the inline pattern, so I’m going to keep that I’m going to leave what I just did and leave it the way it was alright great.
So that’s that’s that let’s look a little bit more. Our forecast page now Mike made some changes to some files after we load the browser. Now one of the things that’s not so nice about this app is that the location is hard-coded like you only get the weather for Seattle, it’d be nice. If we could actually see the the weather for some more plate, more places like maybe we could search for our location or maybe even use the current location of the user based on the their their browser.
How can we add that all right, so let’s try and add some location search capability? Let’s add it using a component, so I have a location, search, dot razor file over here, in my components, folder – and this is going to allow the user to search for places, and it’s got some very simple, markup very little. It’s got a div with an image. This image is just a little search icon. That shows if a search query is in progress like it’ll spin, a little spinner thing if you’re currently searching for locations, it has an input, and this input is data, a list, a list driven input.
The data list for this input is defined below and then we are binding. The value of the input to this search, query property very similar to what we saw before in the MVC app and we’re binding on every single keystroke. What we want is every time the user type starts, typing we’re going to kick off a search and try an autocomplete for them with this text box. Okay, so, let’s see now this, this search query property is pretty clever.
Now it has a setter that if the search query value is not a null or empty, then it’s going to do this search, debounce method. What is that guy? Well, you probably don’t want to do. You know a back end request with every single time the user types on the keyboard. That might be a little bit too much too much too chatty. So instead this is going to debounce, which means it’s going to wait for the user, just sort of pause, typing and things sort of see if they’re done and so there’s some clever code in here, it’s using a you know, cancellation, token source and it cancels the Previous search, if there was one in progress and then does a delay and it keeps checking to see if the search was cancelled, while it’s in the process of doing this, this query – and here you can see – here’s where they’re the weather forecast service is being asked For the current location based our locations based on the text from the query and then, if it has still hasn’t been cancelled, then it saves the set of return locations to this location field, which is just in a location array.
And that’s what we’re using to generate the data list that you, the user, can then pick from from the location, textbox cool. Now the user needs to also be able to pick a location, and so that’s what this on change event handler is for at the end. Here, on that same input, when the user actually selects a particular location or hits enter, then this location selected method gets hot called. What is this doing? Well, it’s getting the selected location and then it’s raising a callback so that the parent component can know what the location was.
That was that was chosen. This location, changed property is of type event callback, it’s a component parameter, which means it can be provided by the parent component as a piece of code to call when this event has has occurred all right. So, let’s, let’s wire up this component in our forecast page. So, let’s go up here and we’re going to do right under here: let’s do location, search, location, changed, equals location change is the name of the method I have defined already on the forecast component, all right so now we should have a location textbox.
What does this component do when the location actually changes? Well, it cancels the real-time updates to the weather that we’re in progress previously and then kicks off another async for each loop to get new updates from for the new location. So that’s what it’s going to do if we go back to the app now, hopefully we can see this working all right. So now we have a textbox, let’s try and type something.
So let’s try like Chicago all right. We get our drop-down. We can pick it. Let’s try New York happen, our little spinny things working great, so that’s working so now we can search for locations, but I’d also like to be able to just use the the users current location have them. You know, use the browsers native capability to detect the user’s location with its geolocation API s. That’ll be cool, but those api’s are in JavaScript, which means I’d have to write some JavaScript.
I don’t want to have to write some JavaScript blazer does have JavaScript Interop capabilities. You can call from dotnet into JavaScript and back, and it does a lot of that for you, that’s how it manipulates the the Dom. But so I could write my own. I could use those same abstractions, but fortunately, most of the time you don’t actually have to do that, because someone in the blazer community has already done it for you, so I’ve added a package to this application.
When we look at my new kit packages, here’s the install package, as you could see, I have this asp net monsters that blaze without geolocation package. This is a package that was actually written quite a while ago in the early days of blazer. Here’s the the URL for the the github location, the code was was a little stale like it. We have, we had changed the api’s a bit and it broke this package, so I had to fork it and fix it up a little bit, but pool request was submitted.
So hopefully I need it any day now that will get merged and this package will then be up to date with the latest blazer release. But I’m just going to use this package to call the browser’s geolocation API, here’s the code for that package. So you can see what that looks. Like that’s typescript, let’s, let’s not look at that. Let’s look at this she’s sharp, okay, here’s the location service class provided by this package, and you can see it’s taking an IJ s, runtime service, that’s provided by blazer for doing JavaScript, Interop and the way you use it is by calling invoke async and invoke async Takes a string which is the JavaScript function that you want to call? You can pass in additional parameters, let’s dotnet objects that will get serialize and sent them over to JavaScript, and then the generic parameter is the return type.
So that’s how you can call into JavaScript. Fortunately, I don’t have to do that because I think it’s signing Tim’s is the guy who wrote this project. So it’s great. He already did it for me and he took care of writing all this complicated JavaScript. So that’s awesome, so I don’t have to do that. Let’s go back to blazer weather and use his package instead, so I’ve already installed his package. You may have seen in the startup class I added his geolocation service.
I reaiiy put an alias for it to call it geolocation service as a injectable service. In my app and then in the location search component at the top, you can see I’m at injecting the geolocation service, so I can use it alright. Where do we want to use that? Well, when this image? This is the third image. This has that that’s that little target button when it is clicked we’re going to call get local weather.
What does that method do? Well, this methods just going to call the geolocation service and get the geolocation, and then it’s going to use the weather forecast service passing in the latitude and longitude to resolve that to a location that we can then use to update the weather. So hopefully that just works, let’s go back to the weather app. If I click on the target, you can see the browser saying.
Do you want to allow this app to use your current location? Yes, let’s see where I’m currently at. Where am I really I’m in Redmond, that’s actually correct, and that is the correct weather for a Redmond. Alright, so that’s how you can get the current location using an API, that’s reaction, written in JavaScript, but as far as I can as far as I’m concerned, it’s like it was written in c-sharp. I’d also like to be able to pin some of these locations so that I can go back to them instead of have to keep search for them.
How could we do that? Well, I groped a little push pin component there. It is – and this is just a custom checkbox – that I got the markup from over the web. It has an is checked, parameter and is checked, changed event callback, so this – and this has been styled to look like an actual pushpin. So, let’s, let’s go ahead and put this onto our forecast page, and where should we put this, this will need to go.
Let’s put it right by the location, pushpin and we want to say, is checked we’re going to bind that to the current location is, and it has an is pin property so that we can tell whether it’s been pinned and then that’s a wire up. The event. Callback to call our pin location method that I’ve already defined on the forecast component. So if we go look at pin location, here’s what it’s doing, it’s keeping track of all the pin locations into just a collection and then keeping track of which pin location, as was shown last using this pin location index, and we also need some buttons.
So we can cycle through those locations. I’ve already got those defined here, so I’m just going to copy them in. Let’s see where do we put those, let’s put them by the image I’m going to like the little carats on either side of the image? These are just two little caret images that again have on click handlers defined when these handlers are called. It just changes. What the current index is of the the pinned location all right.
So if we reload the app now, hopefully we should be able to see a little pin icon. You see that right there and we could be able to pin Seattle. Let’s do a Honolulu looks good yeah. Let’s pin that and then oh, it’s not, and it’s not showing that. Why am I’m not showing up what’d, I do wrong. I forgot something back winner. Oh it’s! What I forget the pin location is there. Oh did I not say I always forget to save.
Ah yeah, I didn’t save go back so we had. We did. I hoped I save for the pin the pin, but not for the actual you extra UI, so I could cycle through so Chicago. Let’s pin this one so pin Seattle Chicago. Let’s pin that yeah. Now we got our icon, so we can cycle through ok, so you get that point. So there we’ve done some some blazer development and that sample will be available up later for you to play around with now.
If this is not well, obviously we don’t have enough time to go through all that’s available in blazer. I highly encourage you to go check out our blazer workshop, where you can learn to build this awesome British pizza store and that will teach you all about the different parts of the blazer component models. A big shout out to our component vendors telluric that Express sink fusion they’ve, the wonderful blazer come component.
Libraries that you can use Radzin is also a component vendor and they ship a low code solution where you can build blazer apps with just a designer. That’s pretty awesome. You should check that out. Another big shout out to our blazer community. Thank you, Chris dainty, who has provided us packages for local storage, which is actually part of this sample, app and also Simon for the geolocation API.
If you want to check out lots of great projects in the community, I encourage you to go to an awesome, blazer, akms, /, awesome, blazer, it’s a github repo that keeps links to all different articles, articles, tutorials samples and libraries. One of my favorites is this blasteroids sample, I’m just going to show it really fast and then I’ll get off the stage. Blasteroids is a blazer webassembly app.
I think it’s hosted on github pages, but it is doing like full a full, like version of the 1980s asteroids app written in dotnet on webassembly. That’s pretty awesome! Alright, that’s all I’ve got Glaser servers available today, download and install it and start doing full stack development with dotnet and c-sharp. Thank you awesome Dan. Thank you so much so so cool okay. So we have a ton of questions and excitement about phlaser.
Where should we start how about Oh, which one did we have they jumped around again, things are moving. We we had one week that we promised well here’s a quick i’ll. Just don’t remember where it is on the screen, but it was a question about browser. Compatibility are there any browsers that we need to worry about. Is this something that works everywhere for Blazer on the server it works with all the modern browsers? As long as you can set up that WebSocket connection for older browsers, you may need some polyfills to get it to work, but those polyfills are available and a lot of them are maintained by the community for a web assembly.
You need a browser that supports web assembly, so if you don’t support web assembly you’re kind of out of luck so like ie, 11 you’re not going to be running blaze or webassembly apps on I gotcha alright. So I can’t find blazer project templates and visuals to be for Mac. Any idea when we’ll be adding yeah Visual Studio for Mac is coming. We are working with him on that. It’s expected in the next Visual Studio for Mac updates it there.
You know busy trying to unify all their code with Visual Studio and get all the common infrastructure in place. So they’re taking took a little bit longer for them to get their tooling in place, but it should be coming very soon, but you can use Visual Studio code in the meantime. Can blazer work with backends that are not dotnet, absolutely like. If you have a blazer webassembly app, it is just a bunch of static files.
You can host it on github pages. You could put it on as your static site hosting and have whatever you want on the server it could be Java on the server. It could be Python, it could be a fast typing monkey. It doesn’t really matter because it’s just a bunch of static files, that’s going to be downloaded into the browser and run client-side. Ok, so then this question: what kind of host ray need for plater? Please? Or you could put it in Azure storage and make a static website.
You could use Jekyll you could put in on github pages. You are nondenominational for the web assembly version. Yes for the server version. That’s an actual asp.Net core app! So you’re going to want to have actually servers at that point that well, that will run on the server like we’re going to set up a signal, our connection with the server. We highly recommend using the azure signal our service actually with laser server apps, because they will handle connections scale-out for you thanks, alright, so next question: what’s the underscore generated file when you created the code behind the base class great question, that’s just an artifact of how The tooling works in order to drive the intellisense.
There are multiple passes of code generation that are occurring. We actually hope in the you know, in a future release to clean that up a little bit. So you don’t see those generated files. Quite as often as you do today, part of that isn’t involved with us making the generated components of partial classes which is coming in daanyik or 3/1 excellent. What else do you think we have a subrogation? You are refreshed yeah, any ideas about how many WebSocket connections server-side Blaser can handle.
Well, that’s really depends on how your server is set up. If we use the agile signal our service, it will multiplex all the connections to your app and you can scale up to tens of thousands of connections no problem. The connections may not be the real bottleneck, though, most likely it’s going to be like memory on the server, because you are paying with your server resources to actually run the UI for the client.
So you’ve got to maintain all the UI state and the you know the the the component instance is running on your server, so you’re going to have to plan for that. Accordingly, we have docs to help you do that, all right, very cool. So, what’s the progress in website size – and there are a few point – complaints, but it’s too high the size of the website. Yes, yeah so Blaser webassembly is is bigger, like you have to bring a runtime with your app there’s a webassembly file right now, a default blazer webassembly, app like with our project template, weighs in at about two and two and a half megabytes compressed things that we’re Doing we’re improving the IO linker, so we can strip out more code right now.
We only run the IO linker on part of the app we’re going to run it on more. We think we can trim down the web assembly file itself, there’s a bunch of tricks that we’re looking at we’ve even talked about like taking the DLLs in and stripping out all like the PE, headers and stuff like that. So they don’t so that that stuff doesn’t need to be downloaded. We have a bunch of tricks that we’re going to, but to be clear, it’s still just about a matter megabyte or two and is that compressed yeah.
That was the compressed size and I honestly I’ve been to a lot people’s websites where they’re they have a PNG on their homepage. That’s that yeah I attached the file, so you can put it on a CDN and have people only have to download those ones, because, most of the time that runtimes not going to change its the same runtime, no matter how much you’re iterating we love you. But we have to go alright, so next up is xamarin forms, we’re writing beautiful and more productive xamarin ferns than ever with David
K.A, cinderella, mcqueen and i’m here with another article for you guys if you’re new to my blog. Please subscribe like this article share if you liked it but hit that notification bell, because I do go live and you are more than welcome to sit back, get comfortable, have a seat on the couch put your feet up, but I do have a quick disclaimer.
You are invited guests of mine – I am NOT here in any formal capacity. I am NOT acting as your counselor. I am NOT acting as your life coach and I’m certainly not acting as your pastor, and I am also not acting as anyone for domestic violence counselor. I am here, as your sister friend act occurs in all of that, so let’s just get down to the business of it. I am here for you and for all you returning subscribers.
Let me just say thank you. Thank you. Thank you. I am humbled and I am grateful for your presence, so now, let’s get into this article today we’re going to be talking about narcissist and exactly what a narcissist personality disorder is. One of the several type of disorders, of course, is the nurses system one. It is definitely a mental condition where people have an inflated sense of their own importance and a deep need for excessive attention.
Admiration with troubled relationships and the lack of empathy flip anything other than themselves, but behind the mask of an empath is string. Confidence, physics, his or her extreme confidence lies in a fragile self-esteem, that’s vulnerable to the slightest criticism. A narcissistic personality disorder person causes problems in many areas of life, such as your relationships, work, schools, financial affairs just having relationships, you know intimate or even social relationships or online relationships.
People who are narcissists generally, you know basically miserable unhappy and for the most part I find them most of them to be to feel some kind of disappointment. You know from childhood or disappointment if they feel like they’re, not giving getting special treatment or admiration that they believe they deserves. A narcissistic person has a lot of you owe me attitudes or you know I deserve it. Attitudes and in some cases some folks do deserve things, but a narcissist will take it up.
Just ten notches you may find, or they may find, that narcissistic behavior in relationships. Very unfulfilled and no one enjoys basically, I don’t know anyone who enjoys being around the narcissist, the the the treatment of a person with a narcissistic disorder centers around. Basically, there is no medical treatment or anything like that. You got to talk that thing out and figure out why you do what you do.
You have to sit down with a psychotherapist, not no psych, didn’t listen! This ain’t, no, a life coach type situation. Most narcissists need someone that could think three steps ahead of them. In order to be able to help them, you definitely have to have some in pathetic gifts. You definitely need some knowledge behind it to deal with narcissus if you’re planning to help treat or even deal with the narcissus, because if you don’t know what you’re dealing with you can become very very frustrating.
Are you dealing with the narcissus? I don’t know this. Let’s look at it, they usually have an exaggerated self self sense of importance, a sense of entitlement, even they expect others to recognize them and and they think they are superior than others even when they haven’t achieved anything to be superior than others uh again they have An exaggerated sense of achievement and talents in true to form they may have accomplished all of these great things, but a narcissus is going to put 20 on 10 every single time they want to, like, I said, be recognized as superior they’re preoccupied with ideas of grandeur And fantasy is about power and brilliance and beauty and being a perfect person, perfect female male, whatever they are exaggerated in every expense of the word.
A lot of narcissism preoccupied, I mean totally preoccupied with beautifying themselves. Most narcissists believe that they are superior to everyone else and actually no one can even equal who they are trust me, it’s a true fact. They monopolize all conversations. You see, folks that just come in and they jump they jump right in the conversation and it’s all about them and it all turns to them and you look it.
They love to belittle other people and look down at people make them feel inferior. So every conversation will start with I’m higher than you are most of them, like I said, monopolize the common little people, it can become very very sad. Most nurses expect some type of favoritism. I was looking at the movie a little girl last night and let me tell you something if you want to see what a true narcissist look at look like read that movie with Regina Hall in it.
I believe it’s called little and she’s transformed into a 13 year old, but with the same personality of an adult narcissism and basically her childhood immature. All of her childhood and immature characteristics are magnified to the 20th degree and her narcissistic ways are definitely put on point, and then I threw me at the end of course, called out and make she’s making she made changes. But of course those changes are not easily.
Most narcissist narcissists have picked this up from childhood, or they picked this up from a time in place where they’ve never been able to come out of. So it’s not going to be easy to stop being a narcissist and stop thinking of oneself as the end. All and to be all the Alpha and the Omega the beginning and the end of everything most narcissists take advantage of other people, because they know that they can.
They had the inability and the unwillingness to recognize the needs and feelings of others they just won’t. They will they were not. Not only will they not validate your feelings, but they will then invalidate who you are by not validating your, even even the ability for you to even have a filling in regards to who they are they’re, often envious of others and the envy actually shows. If you are aware of what and who you are dealing with, they have no boundaries whatsoever.
Most behave arrogantly hotsy. We know a haughty spirit comes before fall. They come across as being conceded or boastful and as hell to be very honest, then, to still have the best of everything and that’s alright. If you can get the best of everything the narcissistic behavior comes in, when you are not only not deserving, but don’t have those things like the best car, the best office, the best clothes, the best cameras, the best whatever, and but in your mind it is the Best thing: if that’s the best way, it works for you it that you know it’s perfectly fine.
At the same time, people with narcissistic personality disorders have trouble handling anything they perceived as criticism and and and to be very honest, as I always end with you guys, whenever I find myself in confrontation with others or within the first thing I do is make sure I am NOT being narcissistic, I have checkers, I have things in place to make sure, because the thing is when you’re impact, it’s you happen to be.
You happen to know a lot of different things and and you’re that way, because you need to help a lot of different people and most people will not get that about you and they will see that as pure weakness. They will see that as pure idiotic see and you capin and and – and that is completely from so far removed from what an impact truly is. But that’s all the narcissist can see is that light is no longer shining on them.
But someone who is actually trying to do something for the greater good. So you know criticism doesn’t work well with the narcissist. They become angry impatient mmm. They believe they are receiving poor treatments. They have significant significant interpersonal problems and are easily easily feel slighted. They react with rage, I’m in complete rage and contempt if they have the slightest feeling of the little bit where they think others are seeing them as less superior than who they think they are be careful read out cuz that flame is going to fly.
That rage is coming, most nurses have a difficult, difficult regulating their emotions and their behaviors. They can’t get balanced on with it, their emotions and behaviors never line up with what should actually be taking place for a particular situation again putting 20 on 10 most nurses. This experienced major problems dealing with stress and adapting to change. I mean please, don’t move anything out of place, they feel depressed and moody because they fall short of perfectionism it.
You know for narcissists the look in the mirror from the more from the moment they get up, they get dressed put on their clothes, walk out the door before all of that happens, then there there are so many things that have to take place because they have To be superior than any other person in the room and if they aren’t, they feel like they fell short of being perfect. They feel that they feel secretly ashamed or insecure or vulnerable or humiliated, but instead of of of taking those things and just dealing with them right there, they tend to push down their feelings and the narcissus arise and just like a soda that explodes once it’s shaken Up, it’s never a good place to be now.
I don’t have anything bad to say about narcissus, and I know it sounds like a negative article, but the purpose and intent of this article is for you to not only recognize if you are dealing with the narcissus. So that you can respond to Corley accordingly, but to also recognize if you are the narcissus, so that you can get help because, honestly, like I said there is no medication, there is nothing to take for being narcissistic.
There is no treatment and most narcissists aren’t likely to seek treatment everyone anyway. That’s why there’s nothing to take for it. They don’t even realize that they have this problem being the end-all to be all and superior than everybody else, and if you ever suggested to them, please please no. It will be perceived as a complete insult. It’s a it’s a complete insult against their self-esteem, and you are now disrespecting the very core of who they are, but I am here to tell you I don’t mind if you are narcissism, you need help.
You need to be on a couch, preferably not this one. As I said in my disclaimer, but you definitely definitely want to recognize the things about you and seek the proper guidance, because one thing I known I’ve, if, if one thing I do know is – and I’ve known for many years, it’s hard when a narcissist Falls. It’s like when it uh-oh comes down. Okay, sorry for this thing, but it is extremely hard when a narcissist is false, because all of that pride and arrogance falls down.
I mean it’s a heavy hard fall and I hate to see anyone go down that path if they will just realize that recognize the behaviors and things we need to change about ourselves, there’s nothing wrong with admitting realizing and recognizing who you are and what you need To change or become to be a better person in this life, I don’t know how many times I hear articles after articles every single day, I’m not changing.
This is the way I am, and that is that – and I am happy for you, sir, for you man, but for me, if there’s any place that I can improve my life or if there’s anything, I can share to help others improve their life, not to be Better than others, but just to have a better way of living so that you aren’t always operating in survival and struggle mode that you are now operating and thrive and living mood hey.
I love you guys, and this message is brought to you by the letter. L for love, I love you loved ones and you can’t take it back. You
Jimmy's Internet Marketing Business Blog 