teleren/devto huggingface dataset:
Como utilizar Wordpress para gestão de anúncios
Tags: wordpress, anuncios, google
Published: 2020-09-03 22:42:04

Eles ainda podem ajudar
Embora você receba zero de receita de anúncios daqueles que usam bloqueadores de anúncios, os anúncios ainda podem beneficiar seu site. Por exemplo, se alguém com bloqueador de anúncios lê o seu blog e o compartilha com centenas de amigos, você está ganhando muito tráfego.

Por esse motivo, recomendo apenas detectar o bloqueador de anúncios e ter uma exibição de mensagem. Esta mensagem deve tentar explicar que os anúncios pagam suas contas e seria ótimo se eles colocassem você na lista de permissões.

1. Anúncios Pay-Per-Click
Sem dúvida, os anúncios pay-per-click (PPC) ou cost-per-click (CPC) são a escolha mais popular. Esses anúncios são simples de entender. Um anúncio é exibido em seu site e cada vez que um visitante clica nele, você é pago.

Prós: graças à natureza simples deste modelo, tanto o site que exibe os anúncios quanto o anunciante que paga para exibir os anúncios recebem algo em troca. O site que exibe o anúncio é pago enquanto o anunciante obtém tráfego com o clique.

Portanto, o anunciante só paga quando obtém resultados, e os proprietários de sites colhem os frutos. No entanto, este sistema não é perfeito.

Contras: não é segredo que os visitantes não gostam de ver anúncios. Por esse motivo, eles se esforçam para evitá-los. Como resultado, a ferramenta Ad Blocker se tornou extremamente popular. Se um visitante não consegue ver o anúncio, não pode clicar nele.

Além disso, sites com baixo tráfego terão menos chances de cliques em anúncios. Há também a questão da exibição de anúncios em que o público-alvo do site não está interessado.

Fonte: https://trendszone.com.br/guia-para-posicionar-um-site-entre-os-primeiros-do-google/
Como fazer a gestão de anúncios em sites WordPress
Tags: wordpress, sites, anuncios, plugin
Published: 2020-09-03 22:40:46

Opções de anúncio WordPress
Existem vários tipos de opções disponíveis quando se trata de WordPress. Isso inclui anúncios pagos por clique, custo por milhar, taxa fixa e afiliados.

Tentar utilizar o maior número possível sem afetar o prazer de visualização do seu conteúdo é o objetivo principal.

Existem várias ferramentas que podem ajudá-lo a fazer isso. Muitos plug-ins de publicidade do WordPress são gratuitos e podem ajudá-lo a gerenciar adequadamente suas opções de publicidade.

Cuidado com o bloco de anúncios
Infelizmente, quando a Internet ainda era relativamente nova, alguns sites foram longe demais com os anúncios. Eles inundam as páginas com banners e anúncios em vídeo altos, o que afeta o tempo de carregamento e tem vários pop-ups.

Por isso, muitos internautas querem evitar os anúncios e encontraram a solução. Várias extensões de bloqueio de anúncios e software agora estão disponíveis para uso das pessoas. Pior ainda, normalmente são gratuitos.

Obviamente, se os visitantes não podem ver seus anúncios, você não pode gerar receita com eles. Para lutar contra isso, você pode configurar seu site para detectar e impedir o bloqueio de anúncios , mas isso pode afastar mais visitantes de seu site.

Fonte: https://hospedagemdesites.wiki.br/passo-a-passo-para-migrar-um-site-wordpress-para-outra-hospedagem/
Como usar opções de anúncios para ganhar dinheiro no WordPress
Tags: wordpress, criacaodesites, webdesign, google
Published: 2020-09-03 22:37:51

Se você tem um blog WordPress, a propaganda será uma de suas fontes de receita. No entanto, para ganhar o máximo de dinheiro possível, você precisa entender os diferentes tipos de opções de anúncios do WordPress disponíveis.


Administrar um site é o mesmo que administrar uma empresa. Seu objetivo é ganhar dinheiro, e a utilização adequada de todas as ferramentas à sua disposição é crucial.

No entanto, a maioria dos novos desenvolvedores da Web não entende todas as opções disponíveis. Este blog descreverá as várias opções de anúncios que você pode usar para aumentar os lucros.

WordPress.com vs. WordPress.org
A primeira e mais importante parte de colocar anúncios no WordPress é ter certeza de que você está na plataforma certa. Existem muitas diferenças entre WordPress.com e WordPress.org . Uma dessas diferenças envolve como funcionam os anúncios.

WordPress.com: WordPress.com é uma plataforma gratuita que permite criar um site. No entanto, você não pode colocar um anúncio em seu site no início. Em vez disso, você precisa se inscrever no WordAds e seguir as instruções.

WordPress.org: WordPress.org é um site auto-hospedado que você controla. Por esse motivo, você pode colocar um anúncio imediatamente em qualquer lugar do seu site.

Fonte: https://webtrends.net.br/criacao-sites/
Top 10 PM articles, .NET 5 improvements, and the software bug caused by the moon
Tags: performancematters, performance, monitoring
Published: 2020-09-03 22:23:33


Hi folks, 

Welcome back to Performance Matters, and oh boy, do we have a treat for you this week! We're going to be taking a stroll down memory lane, revisiting the fan favorites since this newsletter's inception. Check out our top [10 most popular articles](https://raygun.com/blog/celebrating-issue-50-performance-matters/?utm_medium=newsletter&utm_source=performance_matters&utm_campaign=newsletter) of all time in our featured article spot. 🤖

Aside from our top 10 list, we're dipping our toes into some .NET 5 performance improvements, looking at both ARM64 and gRPC. 

Enjoy! 

Your Curator 

------------------------------

### FEATURED ARTICLES

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/b4igk8c4kk1v6uj7ypoh.png)

<strong>A big hoorah! The top 10 articles from the first 50 issues</strong>

Follow us back down the performance rabbit hole, as we look through over 550 articles to find the gems of the bunch, the cream of the crop, the top 10 most visited articles by you, the readers! 

[The performance winners](https://raygun.com/blog/celebrating-issue-50-performance-matters/?utm_medium=email&utm_source=perfmatters&utm_campaign=newsletter)

------------------------------

<strong>ARM64 performance in .NET 5</strong>

Learn about the performance improvements being made to ARM64, positively impacting benchmarking.

[The future of ARM64](https://devblogs.microsoft.com/dotnet/arm64-performance-in-net-5/)

------------------------------

<strong>Performance best practices with gRPC</strong>

Are you getting the best performance from gRPC? Find the areas where you're missing performance wins. 

[Optimize gRPC](https://docs.microsoft.com/en-us/aspnet/core/grpc/performance?view=aspnetcore-5.0)

------------------------------

### BUG OF THE WEEK

<strong>A software bug caused by the phases of the moon</strong>

This week, we look back at one of the most notorious software bugs of all time. I bet you've never encountered a software bug caused by the gravitational pull of the moon, but that's exactly what scientists in France had to deal with. 

[Find out what happened](https://medium.com/@mikhailklassen/a-software-bug-caused-by-the-phase-of-the-moon-998136f31eff)
 

------------------------------

### COMMUNITY

<strong>Mom, can we get an if statement?</strong>

[The if statement at home](https://twitter.com/System32comicsA/status/1300837171377524736)

------------------------------

If you think Performance Matters is pretty great, why not [sign up](https://performancematters.dev/) to receive it in your inbox every week? 🙌

------------------------------

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/f3in3d0co2914exwgmkp.png)

------------------------------
¿Cómo conectar MongoDB Shell a MongoDB Compass en Linux?
Tags: mongodb, webdev, linux
Published: 2020-09-03 22:22:33

El otro día estaba trabajando en una nueva aplicación web y a veces por motivos de agilizar el proceso se me hace más cómodo usar una interfaz gráfica para tener acceso a la base de datos en la que estoy haciendo cambios.

Por este motivo, les enseñaré a conectar MongoDB Compass con las bases de datos que tienen en MongoDB Shell. 

Primero tienen que identificar sobre cuál [init system](https://docs.mongodb.com/manual/reference/glossary/#term-init-system) están trabajando. Esto los hacemos escribiendo lo siguiente en nuestra terminal:

```
ps --no-headers -o comm 1
```
En mi caso, yo estoy trabajando sobre *systemd*.

Para comprobar en qué estado se encuentra el proceso *mongod* en *systemd* y *init* lo hacemos de la siguiente manera:

> systemd

```
sudo systemctl status mongod
```

> init

```
sudo service mongod status
```

Si el proceso *mongod* se encuentra detenido, lo iniciamos con el siguiente comando.

> systemd

```
sudo systemctl start mongod
```

> init

```
sudo service mongod start
```

Una vez que tengamos iniciado el proceso *mongod*, nos vamos al siguiente enlace para descargar [MongoBD Compass](https://www.mongodb.com/try/download/compass)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/afmbydsztfgp4g8oyh0k.png)

Descargamos el paquete .deb y los instalamos.

Una vez instalado completada la instalación, abrimos el programa y veremos lo siguiente:

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/qca2rfzje44yso1m49mj.png)

Escribimos lo siguiente en la caja de texto **Paste your connection string (SRV or Standard)** y presionamos el botón Connect y el programa nos mostrará todas las bases de datos que tengamos creadas.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/798lwy5tve5b8sorcvzw.png)

Espero que te haya servido esta pequeña publicación y te deseo suerte en todos tus proyectos.
My 3 Different Ways To Write Styled Components
Tags: react, css, components, styledcomponents
Published: 2020-09-03 22:19:19

# Hi there
Hello, this is my first blog/article post, I'll be posting a lot on my journey to build websites/app worthy of being on  [Awwwards](https://www.awwwards.com/), what I learn along the way, and just anything that I find interesting and want to share. Feedback is always appreciated, so feel free to grill me on my grammar :P

# Different ways to write styled-components
These are just a few different ways that I've come across when using Styled Components in my React projects. Let me know what you like best and or any other ways that you have found and enjoyed using. (I'm currently using style three)

## Style One - Standard

```javascript
// Component/styles.js
const FlexWrapper = styled.div`
  ...
`

const Item = styled.span`
  display: flex;
  align-items: center;
`;

const ButtonPadding = styled.div`
    padding: 0 1rem;
`

export { FlexWrapper , Item, ButtonPadding  };

// Component/index.js

import { FlexWrapper, Item } from './styles.js' // how I import and then use the styled components
```
A Styled Component is created for any element that needs styling. I used this style when I first started with React and Styled Components.

## Style Two
```javascript
//Component/styles.js
const Wrapper= styled.div`
  display: flex;
  font-size: 14px;
  margin-top: 36px;
  align-items: center;

  .button {
     padding: 0 1rem;
  }

  a {
    text-decoration: none;
    cursor: pointer;
  }

  .breadcrumb-icon {
    margin: 0 8px;
  }

  .icon-inner {
    // ...
  }
`;

//Component/index.js

// ...
return <>
    <Wrapper>
         <a>Item 1 <img className="breadcrumb-icon"/></a>
         // ...
    </Wrapper>
</>

```
We defined one wrapper/container component that encompasses the component you are building, and just target the html elements from there. This saves us from having to create a Styled Component for every element that needs styling.


### Style Three
```javascript
// Tabs/styleds.js
// ...
export { Tabs, RightSide, Bar };

// Tabs/index.js
import * as S from './styles';
// ...
return (
      <S.Tabs>
        <S.Bar>
          <TabStrip onSelect={onSelect} tabs={mappedTabs} />
          <S.RightSide>
            <S.RightSide>{rightSide}</S.RightSide>
          </S.RightSide>
        </S.Bar>
        {selectedTab && selectedTab.props.children}
      </S.Tabs>
    );
```
One thing I like about this approach is that it's very easy to determine to React components and Styled Components apart, it also saves you from having to import every new Styled Component each time you create one. I found this when looking at this open source project  [https://github.com/kitze/JSUI
](https://github.com/kitze/JSUI)


I'd be interested to hear what everyone else is using, so let me know :)
My #100DOC - Day 8
Tags: 100daysofcode, challenge, log
Published: 2020-09-03 22:09:19

### Day 8: September 3, 2020

#### **Today's Progress**: 
1. **[Continued with The Complete JavaScript Course](https://github.com/pablohs1986/javaScriptCompleteCourse2020_Schmedtmann)** (3h 01min):<br>In section 3 of the course I saw about how JavaScript works behind the scenes, and in section 4 I started to manipulate the DOM and handle the Events.
2. **[Helped on Stack Overflow](https://es.stackoverflow.com/questions/386855/como-ajustar-un-elemento-al-medio-de-la-pantalla/386883#386883)** (15min):<br>Helped a colleague to center an element vertically using CSS.
3. **[Worked on my Addicted Developer Twitter Bot project](https://github.com/pablohs1986/addictedDEV_TwitterBot)** (3h 15min):<br>I ended with tweetIt() and retweetHashtags() methods. Also, I started to deploy the bot on Heroku.
    
#### **What I learned**: 
* How JavaScript internals works (phases, global object, hoisting, scoping and this keyword.
* JavaScript DOM & Events handling: querySelector, getElement, addEventListener.
* Review of vertical align with CSS.
* Make my bot post a random element from an array and retweet the tweets that match a series of hashtags.
* How to use Heroku to deploy a Node.js app.

#### **Total time**:
6h 31min.
JavaScript Types: Symbol
Tags: javascript, beginners, codenewbie, webdev
Published: 2020-09-03 22:07:12


`symbol` is a primitive data type in JavaScript. The function `Symbol()` returns a value of type `symbol` which is always **unique**. `symbol` is used for creating identifiers (because of their unique nature) and mostly as object properties.

### Creating a symbol

```javascript
let symbol1 = Symbol();
let symbol2 = Symbol("text");
```

🚨 `Symbol()` does not have a constructor and cannot support `new Symbol()`. Doing so will result in an error.

```javascript
let symbol1 = new Symbol(); // Symbol is not a constructor
```

When we create a `symbol` by passing a string, it does not make the string as a `symbol`. It still generates a new `symbol` every time. The description is just a label that doesn’t affect anything.

```javascript
console.log(Symbol("text") === Symbol("text")); // false
```

### Using symbol as an object property

We use square bracket notation to use a `symbol` as an object property.

```javascript
let userId = Symbol("id");

let employee = {
    name: "Parwinder",
    [userId]: 727
}

console.log(employee[userId]); // 727

// above log is not similar to using the string literal "userId"
console.log(employee["userId"]); // undefined
```

### Creating hidden properties with symbol

We can create hidden properties on objects that no one can modify or overwrite.

```javascript
let car = {
    name: "BMW"
};

let hiddenField = Symbol("price");

car[hiddenField] = 70000;

console.log(car); // { name: 'BMW', [Symbol(price)]: 70000 }
console.log(car[hiddenField]); // 70000
```

Creating hidden property on an object using `symbol` could have significant advantages in the right situations.

1. The hidden property will not impact any other module, library or user using the `car` object as they won't be able to see it.
2. If someone else wants a hidden property on the object, it will not conflict with yours due to uniqueness.

Even though `symbol` might seem hidden in an object but we have `Object.getOwnPropertySymbols()` that allows us to get all symbols in an object.

```javascript
let car = {
    name: "BMW"
};

let hiddenField = Symbol("price");
let anotherHiddenField = Symbol("release");

car[hiddenField] = 70000;
car[anotherHiddenField] = "07/18/2020";

console.log(Object.getOwnPropertySymbols(car)); // [ Symbol(price), Symbol(release) ]
```

### Gotcha: Symbols do not show up in `for..in`.

```javascript
let car = {
    name: "BMW",
    model: "Cooper",
    color: "Pearl White"
};

let hiddenField = Symbol("price");
let anotherHiddenField = Symbol("release");

car[hiddenField] = 70000;
car[anotherHiddenField] = "07/18/2020";

console.log(car[hiddenField]); // 70000
console.log(car[anotherHiddenField]); // 07/18/2020

for (let properties in car) {
    console.log(properties); // name, model, color
}
```
Turbocharge your open source project with fast and free hosting!
Published: 2020-09-03 22:00:44

fosshost.org is a provider of free to use cloud hosting services for open source projects.  We currently operate in the UK, EU and USA and operate a number of open source hosting services for development, research and production use.  No more free trials, a place to call home.  **We are here to change the face of hosting within the open source community.**

We are run by real human beings who care and love open source. 

If you are interested in joining us on our journey, consider applying on our website https://fosshost.org

We would like to take this opportunity to pay particular thanks to our hosting sponsors.

https://RapidSwitch.com, iomart Group PLC
https://Jolt.co.uk, Host Lincoln Ltd
https://FDCservers.net, FDC Servers.net LLC
https://HostKey.com, HOSTKEY B.V. of Amsterdam
https://serverius.net, Serverius B.V. of Amsterdam
https://DigitalOcean.com, DigitalOcean, Inc

-- About Us --

The fosshost.org project is managed and coordinated by our founding owner, and a group of highly talented volunteers. We provide and offer a range of professional hosting services to assist projects. We believe in sharing our infrastructure and making both our service and support accessible and available to all eligible and active projects.

We do not host server farms in cupboards under stairs or garages. Our open source infrastructure is housed in professional data centers, globally and is maintained by our volunteers and hosting supporters who kindly donate infrastructure to the project.

The project has an appetite to indirectly assist other projects who offer hosting services by sharing our infrastructure, resources and automation technology.

Those open source projects eligible for our services, typically apply for a virtual private server (VPS) with the the following minimum specification, however these can be increased, on request.

    6 vCPU
    8GB Memory
    400GB Storage
    IPv4 / IPv6 connectivity
    Full Remote SSH Access

We support most operating systems including CentOS, Debian, Ubuntu, Gentoo, ArchLinux, Fedora and FreeBSD. We even have a bring-your-own-operating-system option available on request.

Other services we provide to the community include database clustering, audio and video conferencing, storage and dedicated instances.
Day 210: It's So Hard
Tags: hiphop, code, coding, lifelongdev
Published: 2020-09-03 21:50:28

_liner notes_:
- Professional : Got up SUPER early for a 4am meeting with the Web Components team and another company to talk about their Design System software. They showed us a demo, answered our questions and gave us an account to give it a try. Also had the wider team meeting today and got to demo the application where I integrated Web Components into a React project using Class Components. The demo worked, but my internet connection through my hotspot was pretty bad. haha. Spent the rest of the day getting Web Components to work in a React project using Function Components with Hooks. Been running into an issue where event listeners are being called multiple times. I think I fixed it using the useEffect Hook and removing the listener. Now I'm having an issue with using useState to set the data coming from the Web Component. There's a warning in the browser about the ref value of a Web Component will likely have changed or something. Great, got to do some more research.

- Personal : After work, I got my roof rail system from the location it was shipped to and took it over to my parents' place where the other solar panel stuff is. While I was there, it was late and spent the night. I listened to some tracks for this weeks radio show and worked on my side project.

![View of a green valley in Yanacachi, Bolivia surrounded by mountains](https://dev-to-uploads.s3.amazonaws.com/i/s581ro6i8lc8nwwl28z5.png)

I'll probably look more into why the data isn't being set from the Web Component in the React project. Why it's so hard to use Web Components in a React project with Hooks? No clue. haha I'm sure I'll figure it out. Other than that, I'll be putting together this week's radio show. It takes so long to download the tracks. I need to figure out a better internet situation. haha

Have a great night!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube eMIzWh1yhCA %}
I chose a tutorial to finally do
Published: 2020-09-03 21:49:20

Want to join me in adding persistence to an iOS app? I have gone back over all data type in Swift and saving/loading files. Why? I am learning this for Machine Learning data pipelines in python and it's too easy compared to Swift. I am keeping a journal of my comparisons of programming languages in hopes I will become more comfortable in Swift. The tutorials aren't specifically helpful for flexible personal projects. That said, whatever I learn, I will summarize and translate for something that works for me.
Lend your voice to an episode of the DevDiscuss podcast by telling us your WORST on-call horror story 😱
Tags: podcast, discuss
Published: 2020-09-03 21:34:07

---
title: Lend your voice to an episode of the DevDiscuss podcast by telling us your WORST on-call horror story 😱
published: true
description: Tell us your worst SRE horror story for the chance to be heard on DevDiscuss
tags: podcast, discuss
---

The [DevDiscuss Podcast](https://dev.to/devdiscuss) begins with an interview and ends with commentary from listeners — and we like to feature the actual _voices_ from our community!

### **This week's prompt: "What’s your worst SRE/on-call horror story?"** 
  
For your chance to appear on an upcoming episode, answer the question above by:

- Calling our Google Voice at +1 (929)500-1513 and leave a message 📞

- Sending a voice memo to pod@dev.to 🎙

- OR, leaving a comment here (we'll read your response aloud for you) 🗣

_Please send in your recordings by September 9th at 5 PM PT (8 PM ET, 12 AM UTC)_

---

Don't forget to check out the [latest episode](https://dev.to/devdiscuss/s2-e4-what-are-our-ethical-responsibilities-as-developers), released on Wednesday!