Popular New Releases in Search Engine Optimization
nuxt.js
fanqiang
ChromeGo一键翻墙包-ChromeGowindows版集成翻墙包
react-static
rax
v1.2.2
loadable-components
Popular Libraries in Search Engine Optimization
by nuxt javascript
39155 NOASSERTION
The Intuitive Vue(2) Framework
by bannedbook kotlin
23529
翻墙-科学上网
by h2y python
11805 NOASSERTION
提供多款 Shadowrocket 规则,带广告过滤功能。用于 iOS 未越狱设备选择性地自动翻墙。
by vuejs javascript
10938 MIT
HackerNews clone built with Vue 2.0, vue-router & vuex, with server-side rendering
by react-static javascript
9762 MIT
⚛️ 🚀 A progressive static site generator for React.
by alibaba javascript
7675 NOASSERTION
🐰 Rax is a progressive framework for building universal application. https://rax.js.org
by teddysun shell
7483
Auto Install Shadowsocks Server for CentOS/Debian/Ubuntu
by gregberge javascript
6482 MIT
The recommended Code Splitting library for React ✂️✨
by remoteinterview javascript
5832 Apache-2.0
Zero is a web server to simplify web development.
Trending New libraries in Search Engine Optimization
by vuejs typescript
5561 MIT
6kb subset of Vue optimized for progressive enhancement
by BuilderIO typescript
3098 MIT
The HTML-first framework. Initialize apps of any size with < 1kb JS
by micro-zoe javascript
2244 MIT
A lightweight, efficient and powerful micro front-end framework. 一款轻量、高效、功能强大的微前端框架
by zu1k go
1978 GPL-3.0
自动抓取tg频道、订阅地址、公开互联网上的ss、ssr、vmess、trojan节点信息,聚合去重后提供节点列表。欢迎star和follow
by Elderjs typescript
1840 MIT
Elder.js is an opinionated static site generator and web framework for Svelte built with SEO in mind.
by iamvishnusankar typescript
1439 MIT
Sitemap generator for next.js. Generate sitemap(s) and robots.txt for all static/pre-rendered/dynamic/server-side pages.
by ykfe typescript
1407 MIT
A most advanced ssr framework support React/Vue2/Vue3 on Earth that implemented serverless-side render specification.
by flareact javascript
1393 MIT
Edge-rendered React framework built for Cloudflare Workers
by brillout typescript
948 MIT
Like Next.js / Nuxt but as do-one-thing-do-it-well Vite plugin.
Top Authors in Search Engine Optimization
1
18 Libraries
2943
2
6 Libraries
535
3
6 Libraries
6768
4
6 Libraries
2456
5
6 Libraries
695
6
6 Libraries
3474
7
5 Libraries
1786
8
5 Libraries
444
9
5 Libraries
40
10
4 Libraries
55
1
18 Libraries
2943
2
6 Libraries
535
3
6 Libraries
6768
4
6 Libraries
2456
5
6 Libraries
695
6
6 Libraries
3474
7
5 Libraries
1786
8
5 Libraries
444
9
5 Libraries
40
10
4 Libraries
55
Trending Kits in Search Engine Optimization
Here are the top NextJS Routing libraries that offer features to the built-in routing systems. It makes it easy to handle complex routing scenarios and improve the user experience. These libraries offer advanced routing features that define complex routes with multiple parameters. Routing libraries will allow you to define dynamic routes, where you can replace the specific parts of the URL with variables.
It provides middleware support that defines functions executed before or after we handle a route. Routing libraries often support localization and internationalization. It allows you to define translations on your routes. It offers features for handling authorization and authentication to secure your routes easier. It provide SEO features for defining meta tags and other information for improving the search visibility of your routes. It will provide sitemap generation features for easily generating a sitemap for your application. It offers server-side rendering features to render pages on the server and improve performance.
Here is the list of the top 10 NextJS Routing libraries handpicked to choose the appropriate one as per their requirements:
next-auth:
- Is a library that offers authorization and authentication features for NextJS applications.
- Designed for Serverless but will run anywhere, like Docker, AWS Lambda, Heroku, and many more.
- Supports email or passwordless authentication, stateless authentication with any backend.
- Supports JSON database and Web Tokens sessions.
next-seo:
- Is a library that offers Search Engine Optimization features for NextJS applications.
- Enables you to set some default SEO properties which will appear on all your pages without requiring it to be included in any of them.
- You can override the pages depending on your requirements.
- Offers a link to indicate the relationship between a mobile website and a desktop to search engines.
next-i18next:
- Is a library that allows you to add localization and internationalization to your NextJS applications.
- Offers internationalized routing directly.
- It cannot handle any management of content translation or the actual functionality.
- Offers the remaining functionalities like translation content management for translating your React components.
next-routes:
- A simple wrapper around NextJS routing makes it easier to define handling redirects and dynamic routes.
- Offers a flexible and simple method for defining catch-all routes and other complex routing scenarios.
- Allows you to define your routes with the help of fluent API and easily handle route and redirecting parameters.
next-redux-wrapper:
- Is a library that offers server-side rendering and state management for NextJS applications.
- Helps you handle the initial data fetching and rendering of the Redux state management library.
- Offers an effortless way to integrate with React components on the client.
- Can define a wrapper component that wraps your entire NextJS application and offers access to the Redux store.
next-sitemap:
- Is a library that can generate a sitemap for your NextJS applications.
- A sitemap.xml file will list all the pages on your website
- Offer information about each page, like the change frequency, the last modified date, and the priority.
- Makes it easy to generate a sitemap.xml file for your NextJS application.
next-optimized-images:
- Is a library that will optimize the images for your NextJS applications.
- Helps reduces image size by optimizing images during the build, small inline images to save HTTP requests and roundtrips.
- Improves loading speed by offering progressive images.
- Adding a content hash to the file name so images can get attached on CDN level and in the browser for a long time.
next-offline:
- Is a library that allows your NextJS applications to work offline using service workers.
- Can intercept cache responses and network requests and respond to requests even if the user is offline.
- Can add service worker support to your application using small codes.
nextjs-auth0:
- Is a library that offers authentication and authentication features for your NextJS applications.
- Offers customizable login and logout buttons which you can easily add to your application.
- Supports various authentication providers, like Google, Twitter, and Facebook.
next-with-apollo:
- Is a library that offers server-side rendering support for Apollo Client in your NextJS applications.
- Offers features for working with GraphQL APIs, like state management, caching, and error handling.
- Can easily add Apollo to your NextJS application and start working with GraphQL APIs.
Here are the best open-source Vue routing libraries for your applications. You can use these to build dynamic and responsive single-page applications (SPAs). Also, Vue's built-in routing system makes it easier for developers to create complex, feature-rich applications.
Vue is a popular JavaScript framework for building web applications and includes powerful system routing libraries. These allow developers to define and navigate between nested and dynamic routes. They include route guards for authentication and authorization, lazy loading of components, and transition effects between routes. One of the most popular Vue Routing Libraries is Vue Router. It is an official plugin for Vue that provides a comprehensive routing system for single-page applications. Additionally, some libraries support server-side rendering, static site generation, and dynamic route matching. Certain libraries include features such as automatic code-splitting and data prefetching, which can help optimize your application's performance.
Vue Routing Libraries can help simplify the process of building complex web applications with Vue by providing additional functionality and features that extend the built-in routing system. We have handpicked the top and trending open-source Vue routing libraries for your next application development project:
Vue Router:
- Used in Networking, Router, Vue applications, etc.
- It’s the official routing library for Vue.
- Provides a comprehensive routing system.
- Support nested and dynamic routes, route guards, transition effects, and more.
Nuxt.js:
- Used in Search Engine Optimization, Server Side Rendering, Vue, React, Webpack, Boilerplate applications, etc.
- It’s a framework built on top of Vue.
- Includes a powerful routing system.
- Support server-side rendering, static site generation, and automatic code-splitting.
Vue Router Next:
- Used for its updated syntax and new features.
- It’s a version of the Vue Router that is compatible with Vue 3.
- Offers the ability to define routes using functions.
Vue Router Transition:
- Used to add transition effects between pages for Vue applications.
- Provides pre-built transition effects for use with Vue Router
- Features include fade, slide, and zoom effects.
Vue Route Middleware:
- Used in Server, Runtime Environment, React applications, etc.
- Provides middleware functionality for Vue Router
- Allows developers to apply common logic to routes such as authentication and authorization.
Vue Router Sitemap:
- Used in Search Engine Optimization, Sitemap, Vue applications, etc.
- Generates a sitemap.xml file for a Vue Router-based application.
- Helps to improve SEO and search engine indexing.
Vue-smart-route:
- Used in Networking, Router, Vue applications, etc.
- Offers smart route search to make intelligent-looking apps.
- Supports both static routes and async ones.
- Allows creating a query system based on your routes.
Vuepack:
- Used in User Interface, State Container, Vue, Webpack, Electron, Boilerplate applications, etc.
- Offers a modern Vue.js starter, including Vue 2, Vuex, Vue-router, and Webpack 2.
- Provides a progressive web app that can work offline as well.
Here are the best open-source Python Bluetooth libraries for your applications. You can use these components to enable SEO capabilities such as managing and controlling the metadata in your web applications.
One of the key aspects of a successful web application is having good search engine optimization (SEO). To help with this, several libraries available for Django can assist with optimizing a website for search engines.
These libraries provide a simple way to manage and control the title, description, and keywords for each page, and it will automatically include them in the HTML header. This helps search engines understand the content of a page and can improve the website's search ranking. Also, some libraries allow you to add custom meta tags to a Django-based website. They provide the flexibility to add meta tags for specific pages or sections of the website. This can help you provide more information to search engines and improve the visibility of your website in search results.
We have handpicked the top and tending open-source Django SEO libraries that offer various capabilities to ensure that your Django-based website is optimized for search engines and provides a great user experience.
Django SEO:
- Used for optimizing Django-powered websites.
- Offers a comprehensive set of tools for search engines optimization.
- Allows you to associate metadata with absolute paths, model instances, model classes, and views.
Django Check SEO:
- Used to check the SEO aspects of a website.
- Provide suggestions in case of any issues in website optimization.
- Scans the website across many SEO aspects of your web pages.
- Compatible with Django & Django-CMS.
Django-Meta:
- Used to add metadata to your Django website.
- Available in the form of a pluggable app.
- Supports Django 2.2 to 4.0 and newer versions and Python 3.7 to 3.10.
Django-sitemap-generate:
- Used to generate sitemaps automatically.
- Re-generates sitemap files periodically, generally once per day.
- Does not affect the backend performance of your website.
Django-ok-SEO:
- Used to add meta tags and OpenGraph properties to HTML webpages.
- Offers a model to fetch SEO data by URL.
- Used the ViewSeo models, you can attach SEO data for specific views.
Django-SEO-JS:
- Used in Architecture, Single Page Applications, Vue, Angular, and React applications.
- Provides tools for optimizing JavaScript-based Django websites for search engines.
- Easy to set up and configurable with multiple services and easy to customize.
Django-simple-SEO:
- Used as a simple SEO backend for Django.
- Works with Python 2.7, 3.2, 3.3, 3.4, and Django 1.4, 1.5 and 1.6.
- Offers functions like UrlFields and ImageFields in admin mode.
- Supports i18n, S3 storage, and custom fields.
Trending Discussions on Search Engine Optimization
Angular SSR with Universal and Ionic doesn't show actual data in page source
How to get prototype data from rss . file?
Vaadin 14 Flow and SEO, PWA
How to put <h1>, <h2> tags in legend of <p:fieldset>?
How to split a document in a list in python
How do i fix Upwork clone sliding page problem (JS)
Angular SEO how to correctly implement dynamic title and meta?
My WordPress featured image is not showing up on Facebook post and with Tweets
Need assistance with yes-or-no questions
Is there a way to fix javascript "touch" events firing twice on IOS devices? (Video example included)
QUESTION
Angular SSR with Universal and Ionic doesn't show actual data in page source
Asked 2021-Nov-07 at 19:31I have an Angular 11 project with nguniversal. My homepage is fetching data from services, internal (translation keys object) and external (an express node server to display a list of links). The backend domain is different from the frontend domain address.
The website is displayed correctly, but for some reason, the translations and list of links are not loaded initially when I inspect the page source. Also, the meta and title tags are not visible in the page source. Although they are working.
I believe this should be essential for Search Engine Optimization.
I am loading the language keys from an internal translation service, as observable into the app.component.ts. The translation service itself is dependent on a window service which waits for the browser to load, isPlatformBrowser. The window service is needed to simulate the window object on the server.
I also tried fetching the api data, before or after platform browser initializes, but with no success.
What else am I missing?
EDIT, part of the code. Not sure if I should include the whole project code here:
1"dependencies": {
2 "@angular/animations": "11.0.5",
3 "@angular/common": "~11.0.5",
4 "@angular/core": "~11.0.5",
5 "@angular/forms": "~11.0.5",
6 "@angular/platform-browser": "~11.0.5",
7 "@angular/platform-browser-dynamic": "~11.0.5",
8 "@angular/platform-server": "~11.0.5",
9 "@angular/router": "~11.0.5",
10 "@capacitor/core": "2.4.5",
11 "@ionic-native/core": "^5.0.0",
12 "@ionic-native/splash-screen": "^5.0.0",
13 "@ionic-native/status-bar": "^5.0.0",
14 "@ionic/angular": "^5.0.0",
15 "@nguniversal/express-engine": "11.0.1",
16 "@schematics/angular": "11.0.5",
17 "@types/memory-cache": "0.2.1",
18 "cors": "2.8.5",
19 "express": "^4.15.2",
20 "ion2-calendar": "3.5.0",
21 "leaflet": "1.7.1",
22 "memory-cache": "0.2.0",
23 "moment": "2.29.1",
24 "ng2-completer": "9.0.1",
25 "ng2-file-upload": "1.4.0",
26 "rxjs": "~6.5.5",
27 "socket.io-client": "4.1.2",
28 "tslib": "^2.0.0",
29 "url-search-params-polyfill": "8.1.0",
30 "zone.js": "~0.10.3"
31},
32"devDependencies": {
33 "@angular-devkit/build-angular": "~0.1100.5",
34 "@angular/cli": "~11.0.5",
35 "@angular/compiler": "~11.0.5",
36 "@angular/compiler-cli": "~11.0.5",
37 "@angular/language-service": "~11.0.5",
38 "@capacitor/cli": "2.4.5",
39 "@ionic/angular-server": "5.6.0-dev.202012021910.3a763f4",
40 "@ionic/angular-toolkit": "^2.3.0",
41 "@nguniversal/builders": "^11.0.1",
42 "@types/express": "^4.17.0",
43 "@types/jasmine": "~3.5.0",
44 "@types/jasminewd2": "~2.0.3",
45 "@types/node": "^12.11.1",
46 "codelyzer": "^6.0.0",
47 "jasmine-core": "~3.5.0",
48 "jasmine-spec-reporter": "~5.0.0",
49 "karma": "~5.1.1",
50 "karma-chrome-launcher": "~3.1.0",
51 "karma-coverage-istanbul-reporter": "~3.0.2",
52 "karma-jasmine": "~3.3.0",
53 "karma-jasmine-html-reporter": "^1.5.0",
54 "protractor": "~7.0.0",
55 "ts-node": "~8.3.0",
56 "tslint": "~6.1.0",
57 "typescript": "~4.0.5"
58
ANSWER
Answered 2021-Nov-07 at 19:31Actually I needed to implement a resolver for my component. So it waits for data to be fetched from a service.
This question actually helped with the implementation.
Some questions still remain, but it looks like a step in the right direction.
QUESTION
How to get prototype data from rss . file?
Asked 2021-Oct-05 at 04:07I have 1 rss file and I want to get the data including the html code from here. I tried with IMPORTFEED from Sheet but it doesn't display the html code as I want.
Here is my sample rss file:
1 <channel>
2<item>
3<title>5 Small Business Digital Marketing Tips | Donklephant</title>
4<link>https://www.google.com/url?rct=j&sa=t&url=https://donklephant.com/5-small-business-digital-marketing-tips/&ct=ga&cd=CAIyGjRkOWNlYjEwZThmZWEzYzk6Y29tOmVuOlVT&usg=AFQjCNG2rQuRDUiY_UppXg7LAt5uw1ZDXQ</link>
5<dc:identifier/>
6<pubDate>Sun, 03 Oct 2021 07:26:15 +0000</pubDate>
7<dc:creator/>
8<guid isPermaLink="true">https://www.google.com/url?rct=j&amp;sa=t&amp;url=https://donklephant.com/5-small-business-digital-marketing-tips/&amp;ct=ga&amp;cd=CAIyGjRkOWNlYjEwZThmZWEzYzk6Y29tOmVuOlVT&amp;usg=AFQjCNG2rQuRDUiY_UppXg7LAt5uw1ZDXQ</guid>
9<description>Getting leads and sales is sometimes more difficult than business owners expect. In fact, about 65% of businesses say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. Here are five digital marketing tips that can set your...</description>
10<content:encoded><div><img src="https://donklephant.com/wp-content/uploads/2021/10/01425af1e662eeeada815f0cad2f9746.jpeg" class="ff-og-image-inserted"></div><p>Getting leads and sales is sometimes more difficult than business owners expect. In fact, about <a href="https://www.smallbizgenius.net/by-the-numbers/lead-nurturing-statistics/#gref">65% of businesses</a> say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. </p> <p>Here are five digital marketing tips that can set your business up for growth and lasting success. With this digital marketing advice, you can get ahead of the competition. You can retain repeat customers to improve your ROI, too.</p> <p>Set your business up for growth this year. Develop your digital marketing plan with these five tips today. </p> <h2><span>1. Establish Brand Guidelines</span></h2> <p>A distinct brand will help your business stand out from the competition. Otherwise, consumers might not even realize you exist. Take the time to establish brand guidelines before developing your digital marketing plan.</p> <p>Your guidelines should outline your:</p> <ul> <li>Mission statement</li> <li>Vision statement</li> <li>Personality</li> <li>Voice</li> <li>Tone</li> <li>Color palette</li> <li>Photography/imagery styles</li> <li>Logo styles</li> <li>Font styles</li> </ul> <p>Make sure to maintain brand consistency as you use the rest of this digital marketing advice. Consistency will help awareness grow into recognition. People will start recognizing your materials through your visual brand. </p> <h2><span>2. Update Your Website</span></h2> <p>Take the time to update your website as well. An old, slow, outdated website could cost you customers.</p> <p>In fact, <a href="https://fitsmallbusiness.com/website-statistics/">38% of consumers</a> stop interacting with poorly designed websites. They might judge your credibility based on your site, too.</p> <p>Instead, update your website by following the latest user experience design trends. Make sure your site is fast and mobile-ready, too. </p> <p>You can learn how to get the most from your <a href="https://stephenholmes.co.uk/how-to-get-the-most-from-your-web-design/">web design</a> here.</p> <h2><span>3. Create Content</span></h2> <p>Once you update your website, add content creation to your digital marketing strategy. Then, optimize your content for search engine optimization (SEO).</p> <p>SEO will help people find your website when they search for your product or service online.</p> <h2><span>4. Gather and Nurture Leads</span></h2> <p>As you use these digital marketing tips, make sure you have a plan for generating leads.</p> <p>For example, you can add a form to your website. Consider using a chatbot or lead magnets as well.</p> <p>Once you start gathering leads, use business marketing strategies like email marketing to nurture them. Email marketing will help you remain top of mind. </p> <h2><span>5. Stay Social</span></h2> <p>Don’t neglect social media! Adding social media to your digital marketing plan will help you engage your target audience.</p> <p>Reformat your blog posts for social media. Once people comment on your posts, respond! Create two-way conversations and engage your customer.</p> <p>Otherwise, use influencer marketing to expand your reach online. </p> <p>Keep up-to-date with the latest trends, too. For example, video content is becoming more popular. AR and VR are gaining popularity, too.</p> <p>Keeping up with the trends will show consumers you’re relevant. </p> <h2><span>Get Growing: 5 Digital Marketing Tips for Your Small Business</span></h2> <p>Don’t let your digital marketing strategy grow stale. Instead, use these digital marketing tips to expand your reach online. With these tips, you can market your services and boost brand awareness.</p> <p>Start generating more leads and sales with these business marketing tips today.</p> <p>Hunting for more tips? You’ve come to the right place.</p> <p>Check out our latest guides for more useful advice. </p></content:encoded>
11</item>
12</channel>
13
And I want to get the data in content:encoded including the html tags:
1 <channel>
2<item>
3<title>5 Small Business Digital Marketing Tips | Donklephant</title>
4<link>https://www.google.com/url?rct=j&sa=t&url=https://donklephant.com/5-small-business-digital-marketing-tips/&ct=ga&cd=CAIyGjRkOWNlYjEwZThmZWEzYzk6Y29tOmVuOlVT&usg=AFQjCNG2rQuRDUiY_UppXg7LAt5uw1ZDXQ</link>
5<dc:identifier/>
6<pubDate>Sun, 03 Oct 2021 07:26:15 +0000</pubDate>
7<dc:creator/>
8<guid isPermaLink="true">https://www.google.com/url?rct=j&amp;sa=t&amp;url=https://donklephant.com/5-small-business-digital-marketing-tips/&amp;ct=ga&amp;cd=CAIyGjRkOWNlYjEwZThmZWEzYzk6Y29tOmVuOlVT&amp;usg=AFQjCNG2rQuRDUiY_UppXg7LAt5uw1ZDXQ</guid>
9<description>Getting leads and sales is sometimes more difficult than business owners expect. In fact, about 65% of businesses say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. Here are five digital marketing tips that can set your...</description>
10<content:encoded><div><img src="https://donklephant.com/wp-content/uploads/2021/10/01425af1e662eeeada815f0cad2f9746.jpeg" class="ff-og-image-inserted"></div><p>Getting leads and sales is sometimes more difficult than business owners expect. In fact, about <a href="https://www.smallbizgenius.net/by-the-numbers/lead-nurturing-statistics/#gref">65% of businesses</a> say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. </p> <p>Here are five digital marketing tips that can set your business up for growth and lasting success. With this digital marketing advice, you can get ahead of the competition. You can retain repeat customers to improve your ROI, too.</p> <p>Set your business up for growth this year. Develop your digital marketing plan with these five tips today. </p> <h2><span>1. Establish Brand Guidelines</span></h2> <p>A distinct brand will help your business stand out from the competition. Otherwise, consumers might not even realize you exist. Take the time to establish brand guidelines before developing your digital marketing plan.</p> <p>Your guidelines should outline your:</p> <ul> <li>Mission statement</li> <li>Vision statement</li> <li>Personality</li> <li>Voice</li> <li>Tone</li> <li>Color palette</li> <li>Photography/imagery styles</li> <li>Logo styles</li> <li>Font styles</li> </ul> <p>Make sure to maintain brand consistency as you use the rest of this digital marketing advice. Consistency will help awareness grow into recognition. People will start recognizing your materials through your visual brand. </p> <h2><span>2. Update Your Website</span></h2> <p>Take the time to update your website as well. An old, slow, outdated website could cost you customers.</p> <p>In fact, <a href="https://fitsmallbusiness.com/website-statistics/">38% of consumers</a> stop interacting with poorly designed websites. They might judge your credibility based on your site, too.</p> <p>Instead, update your website by following the latest user experience design trends. Make sure your site is fast and mobile-ready, too. </p> <p>You can learn how to get the most from your <a href="https://stephenholmes.co.uk/how-to-get-the-most-from-your-web-design/">web design</a> here.</p> <h2><span>3. Create Content</span></h2> <p>Once you update your website, add content creation to your digital marketing strategy. Then, optimize your content for search engine optimization (SEO).</p> <p>SEO will help people find your website when they search for your product or service online.</p> <h2><span>4. Gather and Nurture Leads</span></h2> <p>As you use these digital marketing tips, make sure you have a plan for generating leads.</p> <p>For example, you can add a form to your website. Consider using a chatbot or lead magnets as well.</p> <p>Once you start gathering leads, use business marketing strategies like email marketing to nurture them. Email marketing will help you remain top of mind. </p> <h2><span>5. Stay Social</span></h2> <p>Don’t neglect social media! Adding social media to your digital marketing plan will help you engage your target audience.</p> <p>Reformat your blog posts for social media. Once people comment on your posts, respond! Create two-way conversations and engage your customer.</p> <p>Otherwise, use influencer marketing to expand your reach online. </p> <p>Keep up-to-date with the latest trends, too. For example, video content is becoming more popular. AR and VR are gaining popularity, too.</p> <p>Keeping up with the trends will show consumers you’re relevant. </p> <h2><span>Get Growing: 5 Digital Marketing Tips for Your Small Business</span></h2> <p>Don’t let your digital marketing strategy grow stale. Instead, use these digital marketing tips to expand your reach online. With these tips, you can market your services and boost brand awareness.</p> <p>Start generating more leads and sales with these business marketing tips today.</p> <p>Hunting for more tips? You’ve come to the right place.</p> <p>Check out our latest guides for more useful advice. </p></content:encoded>
11</item>
12</channel>
13<img src="https://donklephant.com/wp-content/uploads/2021/10/01425af1e662eeeada815f0cad2f9746.jpeg" class="ff-og-image-inserted"></div><p>Getting leads and sales is sometimes more difficult than business owners expect. In fact, about <a href="https://www.smallbizgenius.net/by-the-numbers/lead-nurturing-statistics/#gref">65% of businesses</a> say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. </p> <p>Here are five digital marketing tips that can set your business up for growth and lasting success. With this digital marketing advice, you can get ahead of the competition. You can retain repeat customers to improve your ROI, too.</p> <p>Set your business up for growth this year. Develop your digital marketing plan with these five tips today. </p> <h2><span>1. Establish Brand Guidelines</span></h2> <p>A distinct brand will help your business stand out from the competition. Otherwise, consumers might not even realize you exist. Take the time to establish brand guidelines before developing your digital marketing plan.</p> <p>Your guidelines should outline your:</p> <ul> <li>Mission statement</li> <li>Vision statement</li> <li>Personality</li> <li>Voice</li> <li>Tone</li> <li>Color palette</li> <li>Photography/imagery styles</li> <li>Logo styles</li> <li>Font styles</li> </ul> <p>Make sure to maintain brand consistency as you use the rest of this digital marketing advice. Consistency will help awareness grow into recognition. People will start recognizing your materials through your visual brand. </p> <h2><span>2. Update Your Website</span></h2> <p>Take the time to update your website as well. An old, slow, outdated website could cost you customers.</p> <p>In fact, <a href="https://fitsmallbusiness.com/website-statistics/">38% of consumers</a> stop interacting with poorly designed websites. They might judge your credibility based on your site, too.</p> <p>Instead, update your website by following the latest user experience design trends. Make sure your site is fast and mobile-ready, too. </p> <p>You can learn how to get the most from your <a href="https://stephenholmes.co.uk/how-to-get-the-most-from-your-web-design/">web design</a> here.</p> <h2><span>3. Create Content</span></h2> <p>Once you update your website, add content creation to your digital marketing strategy. Then, optimize your content for search engine optimization (SEO).</p> <p>SEO will help people find your website when they search for your product or service online.</p> <h2><span>4. Gather and Nurture Leads</span></h2> <p>As you use these digital marketing tips, make sure you have a plan for generating leads.</p> <p>For example, you can add a form to your website. Consider using a chatbot or lead magnets as well.</p> <p>Once you start gathering leads, use business marketing strategies like email marketing to nurture them. Email marketing will help you remain top of mind. </p> <h2><span>5. Stay Social</span></h2> <p>Don’t neglect social media! Adding social media to your digital marketing plan will help you engage your target audience.</p> <p>Reformat your blog posts for social media. Once people comment on your posts, respond! Create two-way conversations and engage your customer.</p> <p>Otherwise, use influencer marketing to expand your reach online. </p> <p>Keep up-to-date with the latest trends, too. For example, video content is becoming more popular. AR and VR are gaining popularity, too.</p> <p>Keeping up with the trends will show consumers you’re relevant. </p> <h2><span>Get Growing: 5 Digital Marketing Tips for Your Small Business</span></h2> <p>Don’t let your digital marketing strategy grow stale. Instead, use these digital marketing tips to expand your reach online. With these tips, you can market your services and boost brand awareness.</p> <p>Start generating more leads and sales with these business marketing tips today.</p> <p>Hunting for more tips? You’ve come to the right place.</p> <p>Check out our latest guides for more useful advice. </p>
14
Please help me!
Update: @Tanaike Below is my RSS URL. It has many items.
1 <channel>
2<item>
3<title>5 Small Business Digital Marketing Tips | Donklephant</title>
4<link>https://www.google.com/url?rct=j&sa=t&url=https://donklephant.com/5-small-business-digital-marketing-tips/&ct=ga&cd=CAIyGjRkOWNlYjEwZThmZWEzYzk6Y29tOmVuOlVT&usg=AFQjCNG2rQuRDUiY_UppXg7LAt5uw1ZDXQ</link>
5<dc:identifier/>
6<pubDate>Sun, 03 Oct 2021 07:26:15 +0000</pubDate>
7<dc:creator/>
8<guid isPermaLink="true">https://www.google.com/url?rct=j&amp;sa=t&amp;url=https://donklephant.com/5-small-business-digital-marketing-tips/&amp;ct=ga&amp;cd=CAIyGjRkOWNlYjEwZThmZWEzYzk6Y29tOmVuOlVT&amp;usg=AFQjCNG2rQuRDUiY_UppXg7LAt5uw1ZDXQ</guid>
9<description>Getting leads and sales is sometimes more difficult than business owners expect. In fact, about 65% of businesses say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. Here are five digital marketing tips that can set your...</description>
10<content:encoded><div><img src="https://donklephant.com/wp-content/uploads/2021/10/01425af1e662eeeada815f0cad2f9746.jpeg" class="ff-og-image-inserted"></div><p>Getting leads and sales is sometimes more difficult than business owners expect. In fact, about <a href="https://www.smallbizgenius.net/by-the-numbers/lead-nurturing-statistics/#gref">65% of businesses</a> say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. </p> <p>Here are five digital marketing tips that can set your business up for growth and lasting success. With this digital marketing advice, you can get ahead of the competition. You can retain repeat customers to improve your ROI, too.</p> <p>Set your business up for growth this year. Develop your digital marketing plan with these five tips today. </p> <h2><span>1. Establish Brand Guidelines</span></h2> <p>A distinct brand will help your business stand out from the competition. Otherwise, consumers might not even realize you exist. Take the time to establish brand guidelines before developing your digital marketing plan.</p> <p>Your guidelines should outline your:</p> <ul> <li>Mission statement</li> <li>Vision statement</li> <li>Personality</li> <li>Voice</li> <li>Tone</li> <li>Color palette</li> <li>Photography/imagery styles</li> <li>Logo styles</li> <li>Font styles</li> </ul> <p>Make sure to maintain brand consistency as you use the rest of this digital marketing advice. Consistency will help awareness grow into recognition. People will start recognizing your materials through your visual brand. </p> <h2><span>2. Update Your Website</span></h2> <p>Take the time to update your website as well. An old, slow, outdated website could cost you customers.</p> <p>In fact, <a href="https://fitsmallbusiness.com/website-statistics/">38% of consumers</a> stop interacting with poorly designed websites. They might judge your credibility based on your site, too.</p> <p>Instead, update your website by following the latest user experience design trends. Make sure your site is fast and mobile-ready, too. </p> <p>You can learn how to get the most from your <a href="https://stephenholmes.co.uk/how-to-get-the-most-from-your-web-design/">web design</a> here.</p> <h2><span>3. Create Content</span></h2> <p>Once you update your website, add content creation to your digital marketing strategy. Then, optimize your content for search engine optimization (SEO).</p> <p>SEO will help people find your website when they search for your product or service online.</p> <h2><span>4. Gather and Nurture Leads</span></h2> <p>As you use these digital marketing tips, make sure you have a plan for generating leads.</p> <p>For example, you can add a form to your website. Consider using a chatbot or lead magnets as well.</p> <p>Once you start gathering leads, use business marketing strategies like email marketing to nurture them. Email marketing will help you remain top of mind. </p> <h2><span>5. Stay Social</span></h2> <p>Don’t neglect social media! Adding social media to your digital marketing plan will help you engage your target audience.</p> <p>Reformat your blog posts for social media. Once people comment on your posts, respond! Create two-way conversations and engage your customer.</p> <p>Otherwise, use influencer marketing to expand your reach online. </p> <p>Keep up-to-date with the latest trends, too. For example, video content is becoming more popular. AR and VR are gaining popularity, too.</p> <p>Keeping up with the trends will show consumers you’re relevant. </p> <h2><span>Get Growing: 5 Digital Marketing Tips for Your Small Business</span></h2> <p>Don’t let your digital marketing strategy grow stale. Instead, use these digital marketing tips to expand your reach online. With these tips, you can market your services and boost brand awareness.</p> <p>Start generating more leads and sales with these business marketing tips today.</p> <p>Hunting for more tips? You’ve come to the right place.</p> <p>Check out our latest guides for more useful advice. </p></content:encoded>
11</item>
12</channel>
13<img src="https://donklephant.com/wp-content/uploads/2021/10/01425af1e662eeeada815f0cad2f9746.jpeg" class="ff-og-image-inserted"></div><p>Getting leads and sales is sometimes more difficult than business owners expect. In fact, about <a href="https://www.smallbizgenius.net/by-the-numbers/lead-nurturing-statistics/#gref">65% of businesses</a> say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. </p> <p>Here are five digital marketing tips that can set your business up for growth and lasting success. With this digital marketing advice, you can get ahead of the competition. You can retain repeat customers to improve your ROI, too.</p> <p>Set your business up for growth this year. Develop your digital marketing plan with these five tips today. </p> <h2><span>1. Establish Brand Guidelines</span></h2> <p>A distinct brand will help your business stand out from the competition. Otherwise, consumers might not even realize you exist. Take the time to establish brand guidelines before developing your digital marketing plan.</p> <p>Your guidelines should outline your:</p> <ul> <li>Mission statement</li> <li>Vision statement</li> <li>Personality</li> <li>Voice</li> <li>Tone</li> <li>Color palette</li> <li>Photography/imagery styles</li> <li>Logo styles</li> <li>Font styles</li> </ul> <p>Make sure to maintain brand consistency as you use the rest of this digital marketing advice. Consistency will help awareness grow into recognition. People will start recognizing your materials through your visual brand. </p> <h2><span>2. Update Your Website</span></h2> <p>Take the time to update your website as well. An old, slow, outdated website could cost you customers.</p> <p>In fact, <a href="https://fitsmallbusiness.com/website-statistics/">38% of consumers</a> stop interacting with poorly designed websites. They might judge your credibility based on your site, too.</p> <p>Instead, update your website by following the latest user experience design trends. Make sure your site is fast and mobile-ready, too. </p> <p>You can learn how to get the most from your <a href="https://stephenholmes.co.uk/how-to-get-the-most-from-your-web-design/">web design</a> here.</p> <h2><span>3. Create Content</span></h2> <p>Once you update your website, add content creation to your digital marketing strategy. Then, optimize your content for search engine optimization (SEO).</p> <p>SEO will help people find your website when they search for your product or service online.</p> <h2><span>4. Gather and Nurture Leads</span></h2> <p>As you use these digital marketing tips, make sure you have a plan for generating leads.</p> <p>For example, you can add a form to your website. Consider using a chatbot or lead magnets as well.</p> <p>Once you start gathering leads, use business marketing strategies like email marketing to nurture them. Email marketing will help you remain top of mind. </p> <h2><span>5. Stay Social</span></h2> <p>Don’t neglect social media! Adding social media to your digital marketing plan will help you engage your target audience.</p> <p>Reformat your blog posts for social media. Once people comment on your posts, respond! Create two-way conversations and engage your customer.</p> <p>Otherwise, use influencer marketing to expand your reach online. </p> <p>Keep up-to-date with the latest trends, too. For example, video content is becoming more popular. AR and VR are gaining popularity, too.</p> <p>Keeping up with the trends will show consumers you’re relevant. </p> <h2><span>Get Growing: 5 Digital Marketing Tips for Your Small Business</span></h2> <p>Don’t let your digital marketing strategy grow stale. Instead, use these digital marketing tips to expand your reach online. With these tips, you can market your services and boost brand awareness.</p> <p>Start generating more leads and sales with these business marketing tips today.</p> <p>Hunting for more tips? You’ve come to the right place.</p> <p>Check out our latest guides for more useful advice. </p>
14https://cdn.feedcontrol.net/1830/2857-8L5Ntr0N5l5Xf.xml
15
My real intent is to get the <title>
and <content:encoded>
of each item to create a Google Docs file. And I want that Docs file to keep its structure.
So I tried with your help but it doesn't work as I wanted.
1 <channel>
2<item>
3<title>5 Small Business Digital Marketing Tips | Donklephant</title>
4<link>https://www.google.com/url?rct=j&sa=t&url=https://donklephant.com/5-small-business-digital-marketing-tips/&ct=ga&cd=CAIyGjRkOWNlYjEwZThmZWEzYzk6Y29tOmVuOlVT&usg=AFQjCNG2rQuRDUiY_UppXg7LAt5uw1ZDXQ</link>
5<dc:identifier/>
6<pubDate>Sun, 03 Oct 2021 07:26:15 +0000</pubDate>
7<dc:creator/>
8<guid isPermaLink="true">https://www.google.com/url?rct=j&amp;sa=t&amp;url=https://donklephant.com/5-small-business-digital-marketing-tips/&amp;ct=ga&amp;cd=CAIyGjRkOWNlYjEwZThmZWEzYzk6Y29tOmVuOlVT&amp;usg=AFQjCNG2rQuRDUiY_UppXg7LAt5uw1ZDXQ</guid>
9<description>Getting leads and sales is sometimes more difficult than business owners expect. In fact, about 65% of businesses say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. Here are five digital marketing tips that can set your...</description>
10<content:encoded><div><img src="https://donklephant.com/wp-content/uploads/2021/10/01425af1e662eeeada815f0cad2f9746.jpeg" class="ff-og-image-inserted"></div><p>Getting leads and sales is sometimes more difficult than business owners expect. In fact, about <a href="https://www.smallbizgenius.net/by-the-numbers/lead-nurturing-statistics/#gref">65% of businesses</a> say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. </p> <p>Here are five digital marketing tips that can set your business up for growth and lasting success. With this digital marketing advice, you can get ahead of the competition. You can retain repeat customers to improve your ROI, too.</p> <p>Set your business up for growth this year. Develop your digital marketing plan with these five tips today. </p> <h2><span>1. Establish Brand Guidelines</span></h2> <p>A distinct brand will help your business stand out from the competition. Otherwise, consumers might not even realize you exist. Take the time to establish brand guidelines before developing your digital marketing plan.</p> <p>Your guidelines should outline your:</p> <ul> <li>Mission statement</li> <li>Vision statement</li> <li>Personality</li> <li>Voice</li> <li>Tone</li> <li>Color palette</li> <li>Photography/imagery styles</li> <li>Logo styles</li> <li>Font styles</li> </ul> <p>Make sure to maintain brand consistency as you use the rest of this digital marketing advice. Consistency will help awareness grow into recognition. People will start recognizing your materials through your visual brand. </p> <h2><span>2. Update Your Website</span></h2> <p>Take the time to update your website as well. An old, slow, outdated website could cost you customers.</p> <p>In fact, <a href="https://fitsmallbusiness.com/website-statistics/">38% of consumers</a> stop interacting with poorly designed websites. They might judge your credibility based on your site, too.</p> <p>Instead, update your website by following the latest user experience design trends. Make sure your site is fast and mobile-ready, too. </p> <p>You can learn how to get the most from your <a href="https://stephenholmes.co.uk/how-to-get-the-most-from-your-web-design/">web design</a> here.</p> <h2><span>3. Create Content</span></h2> <p>Once you update your website, add content creation to your digital marketing strategy. Then, optimize your content for search engine optimization (SEO).</p> <p>SEO will help people find your website when they search for your product or service online.</p> <h2><span>4. Gather and Nurture Leads</span></h2> <p>As you use these digital marketing tips, make sure you have a plan for generating leads.</p> <p>For example, you can add a form to your website. Consider using a chatbot or lead magnets as well.</p> <p>Once you start gathering leads, use business marketing strategies like email marketing to nurture them. Email marketing will help you remain top of mind. </p> <h2><span>5. Stay Social</span></h2> <p>Don’t neglect social media! Adding social media to your digital marketing plan will help you engage your target audience.</p> <p>Reformat your blog posts for social media. Once people comment on your posts, respond! Create two-way conversations and engage your customer.</p> <p>Otherwise, use influencer marketing to expand your reach online. </p> <p>Keep up-to-date with the latest trends, too. For example, video content is becoming more popular. AR and VR are gaining popularity, too.</p> <p>Keeping up with the trends will show consumers you’re relevant. </p> <h2><span>Get Growing: 5 Digital Marketing Tips for Your Small Business</span></h2> <p>Don’t let your digital marketing strategy grow stale. Instead, use these digital marketing tips to expand your reach online. With these tips, you can market your services and boost brand awareness.</p> <p>Start generating more leads and sales with these business marketing tips today.</p> <p>Hunting for more tips? You’ve come to the right place.</p> <p>Check out our latest guides for more useful advice. </p></content:encoded>
11</item>
12</channel>
13<img src="https://donklephant.com/wp-content/uploads/2021/10/01425af1e662eeeada815f0cad2f9746.jpeg" class="ff-og-image-inserted"></div><p>Getting leads and sales is sometimes more difficult than business owners expect. In fact, about <a href="https://www.smallbizgenius.net/by-the-numbers/lead-nurturing-statistics/#gref">65% of businesses</a> say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. </p> <p>Here are five digital marketing tips that can set your business up for growth and lasting success. With this digital marketing advice, you can get ahead of the competition. You can retain repeat customers to improve your ROI, too.</p> <p>Set your business up for growth this year. Develop your digital marketing plan with these five tips today. </p> <h2><span>1. Establish Brand Guidelines</span></h2> <p>A distinct brand will help your business stand out from the competition. Otherwise, consumers might not even realize you exist. Take the time to establish brand guidelines before developing your digital marketing plan.</p> <p>Your guidelines should outline your:</p> <ul> <li>Mission statement</li> <li>Vision statement</li> <li>Personality</li> <li>Voice</li> <li>Tone</li> <li>Color palette</li> <li>Photography/imagery styles</li> <li>Logo styles</li> <li>Font styles</li> </ul> <p>Make sure to maintain brand consistency as you use the rest of this digital marketing advice. Consistency will help awareness grow into recognition. People will start recognizing your materials through your visual brand. </p> <h2><span>2. Update Your Website</span></h2> <p>Take the time to update your website as well. An old, slow, outdated website could cost you customers.</p> <p>In fact, <a href="https://fitsmallbusiness.com/website-statistics/">38% of consumers</a> stop interacting with poorly designed websites. They might judge your credibility based on your site, too.</p> <p>Instead, update your website by following the latest user experience design trends. Make sure your site is fast and mobile-ready, too. </p> <p>You can learn how to get the most from your <a href="https://stephenholmes.co.uk/how-to-get-the-most-from-your-web-design/">web design</a> here.</p> <h2><span>3. Create Content</span></h2> <p>Once you update your website, add content creation to your digital marketing strategy. Then, optimize your content for search engine optimization (SEO).</p> <p>SEO will help people find your website when they search for your product or service online.</p> <h2><span>4. Gather and Nurture Leads</span></h2> <p>As you use these digital marketing tips, make sure you have a plan for generating leads.</p> <p>For example, you can add a form to your website. Consider using a chatbot or lead magnets as well.</p> <p>Once you start gathering leads, use business marketing strategies like email marketing to nurture them. Email marketing will help you remain top of mind. </p> <h2><span>5. Stay Social</span></h2> <p>Don’t neglect social media! Adding social media to your digital marketing plan will help you engage your target audience.</p> <p>Reformat your blog posts for social media. Once people comment on your posts, respond! Create two-way conversations and engage your customer.</p> <p>Otherwise, use influencer marketing to expand your reach online. </p> <p>Keep up-to-date with the latest trends, too. For example, video content is becoming more popular. AR and VR are gaining popularity, too.</p> <p>Keeping up with the trends will show consumers you’re relevant. </p> <h2><span>Get Growing: 5 Digital Marketing Tips for Your Small Business</span></h2> <p>Don’t let your digital marketing strategy grow stale. Instead, use these digital marketing tips to expand your reach online. With these tips, you can market your services and boost brand awareness.</p> <p>Start generating more leads and sales with these business marketing tips today.</p> <p>Hunting for more tips? You’ve come to the right place.</p> <p>Check out our latest guides for more useful advice. </p>
14https://cdn.feedcontrol.net/1830/2857-8L5Ntr0N5l5Xf.xml
15 function myFunction() {
16 const url = "https://cdn.feedcontrol.net/1830/2857-8L5Ntr0N5l5Xf.xml"; // Please set URL.
17
18 const data = UrlFetchApp.fetch(url).getContentText();
19 const res = data.match(/<content:encoded>([\s\S\w]+)<\/content:encoded>/);
20 Logger.log(res)
21 if (res) {
22 var blob1 = Utilities.newBlob("").setDataFromString(res[1], "UTF-8").setContentType("text/html");
23 Drive.Files.insert({title: "TEST"}, blob1, {convert: true});
24 //DriveApp.createFile("sample.html", res[1], MimeType.HTML);
25 }
26 }
27
Looking forward to your help.
ANSWER
Answered 2021-Oct-05 at 04:07I believe your goal as follows.
- You have a file on Google Drive.
- You want to retrieve the value of
###
of<content:encoded>###</content:encoded>
using Google Apps Script.
When I tested your data, unfortunately, the data couldn't be parsed by XmlService because of a parsed error. So in this answer, I used the regex for retrieving the value you need. The sample script is as follows.
Sample script:1 <channel>
2<item>
3<title>5 Small Business Digital Marketing Tips | Donklephant</title>
4<link>https://www.google.com/url?rct=j&sa=t&url=https://donklephant.com/5-small-business-digital-marketing-tips/&ct=ga&cd=CAIyGjRkOWNlYjEwZThmZWEzYzk6Y29tOmVuOlVT&usg=AFQjCNG2rQuRDUiY_UppXg7LAt5uw1ZDXQ</link>
5<dc:identifier/>
6<pubDate>Sun, 03 Oct 2021 07:26:15 +0000</pubDate>
7<dc:creator/>
8<guid isPermaLink="true">https://www.google.com/url?rct=j&amp;sa=t&amp;url=https://donklephant.com/5-small-business-digital-marketing-tips/&amp;ct=ga&amp;cd=CAIyGjRkOWNlYjEwZThmZWEzYzk6Y29tOmVuOlVT&amp;usg=AFQjCNG2rQuRDUiY_UppXg7LAt5uw1ZDXQ</guid>
9<description>Getting leads and sales is sometimes more difficult than business owners expect. In fact, about 65% of businesses say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. Here are five digital marketing tips that can set your...</description>
10<content:encoded><div><img src="https://donklephant.com/wp-content/uploads/2021/10/01425af1e662eeeada815f0cad2f9746.jpeg" class="ff-og-image-inserted"></div><p>Getting leads and sales is sometimes more difficult than business owners expect. In fact, about <a href="https://www.smallbizgenius.net/by-the-numbers/lead-nurturing-statistics/#gref">65% of businesses</a> say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. </p> <p>Here are five digital marketing tips that can set your business up for growth and lasting success. With this digital marketing advice, you can get ahead of the competition. You can retain repeat customers to improve your ROI, too.</p> <p>Set your business up for growth this year. Develop your digital marketing plan with these five tips today. </p> <h2><span>1. Establish Brand Guidelines</span></h2> <p>A distinct brand will help your business stand out from the competition. Otherwise, consumers might not even realize you exist. Take the time to establish brand guidelines before developing your digital marketing plan.</p> <p>Your guidelines should outline your:</p> <ul> <li>Mission statement</li> <li>Vision statement</li> <li>Personality</li> <li>Voice</li> <li>Tone</li> <li>Color palette</li> <li>Photography/imagery styles</li> <li>Logo styles</li> <li>Font styles</li> </ul> <p>Make sure to maintain brand consistency as you use the rest of this digital marketing advice. Consistency will help awareness grow into recognition. People will start recognizing your materials through your visual brand. </p> <h2><span>2. Update Your Website</span></h2> <p>Take the time to update your website as well. An old, slow, outdated website could cost you customers.</p> <p>In fact, <a href="https://fitsmallbusiness.com/website-statistics/">38% of consumers</a> stop interacting with poorly designed websites. They might judge your credibility based on your site, too.</p> <p>Instead, update your website by following the latest user experience design trends. Make sure your site is fast and mobile-ready, too. </p> <p>You can learn how to get the most from your <a href="https://stephenholmes.co.uk/how-to-get-the-most-from-your-web-design/">web design</a> here.</p> <h2><span>3. Create Content</span></h2> <p>Once you update your website, add content creation to your digital marketing strategy. Then, optimize your content for search engine optimization (SEO).</p> <p>SEO will help people find your website when they search for your product or service online.</p> <h2><span>4. Gather and Nurture Leads</span></h2> <p>As you use these digital marketing tips, make sure you have a plan for generating leads.</p> <p>For example, you can add a form to your website. Consider using a chatbot or lead magnets as well.</p> <p>Once you start gathering leads, use business marketing strategies like email marketing to nurture them. Email marketing will help you remain top of mind. </p> <h2><span>5. Stay Social</span></h2> <p>Don’t neglect social media! Adding social media to your digital marketing plan will help you engage your target audience.</p> <p>Reformat your blog posts for social media. Once people comment on your posts, respond! Create two-way conversations and engage your customer.</p> <p>Otherwise, use influencer marketing to expand your reach online. </p> <p>Keep up-to-date with the latest trends, too. For example, video content is becoming more popular. AR and VR are gaining popularity, too.</p> <p>Keeping up with the trends will show consumers you’re relevant. </p> <h2><span>Get Growing: 5 Digital Marketing Tips for Your Small Business</span></h2> <p>Don’t let your digital marketing strategy grow stale. Instead, use these digital marketing tips to expand your reach online. With these tips, you can market your services and boost brand awareness.</p> <p>Start generating more leads and sales with these business marketing tips today.</p> <p>Hunting for more tips? You’ve come to the right place.</p> <p>Check out our latest guides for more useful advice. </p></content:encoded>
11</item>
12</channel>
13<img src="https://donklephant.com/wp-content/uploads/2021/10/01425af1e662eeeada815f0cad2f9746.jpeg" class="ff-og-image-inserted"></div><p>Getting leads and sales is sometimes more difficult than business owners expect. In fact, about <a href="https://www.smallbizgenius.net/by-the-numbers/lead-nurturing-statistics/#gref">65% of businesses</a> say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. </p> <p>Here are five digital marketing tips that can set your business up for growth and lasting success. With this digital marketing advice, you can get ahead of the competition. You can retain repeat customers to improve your ROI, too.</p> <p>Set your business up for growth this year. Develop your digital marketing plan with these five tips today. </p> <h2><span>1. Establish Brand Guidelines</span></h2> <p>A distinct brand will help your business stand out from the competition. Otherwise, consumers might not even realize you exist. Take the time to establish brand guidelines before developing your digital marketing plan.</p> <p>Your guidelines should outline your:</p> <ul> <li>Mission statement</li> <li>Vision statement</li> <li>Personality</li> <li>Voice</li> <li>Tone</li> <li>Color palette</li> <li>Photography/imagery styles</li> <li>Logo styles</li> <li>Font styles</li> </ul> <p>Make sure to maintain brand consistency as you use the rest of this digital marketing advice. Consistency will help awareness grow into recognition. People will start recognizing your materials through your visual brand. </p> <h2><span>2. Update Your Website</span></h2> <p>Take the time to update your website as well. An old, slow, outdated website could cost you customers.</p> <p>In fact, <a href="https://fitsmallbusiness.com/website-statistics/">38% of consumers</a> stop interacting with poorly designed websites. They might judge your credibility based on your site, too.</p> <p>Instead, update your website by following the latest user experience design trends. Make sure your site is fast and mobile-ready, too. </p> <p>You can learn how to get the most from your <a href="https://stephenholmes.co.uk/how-to-get-the-most-from-your-web-design/">web design</a> here.</p> <h2><span>3. Create Content</span></h2> <p>Once you update your website, add content creation to your digital marketing strategy. Then, optimize your content for search engine optimization (SEO).</p> <p>SEO will help people find your website when they search for your product or service online.</p> <h2><span>4. Gather and Nurture Leads</span></h2> <p>As you use these digital marketing tips, make sure you have a plan for generating leads.</p> <p>For example, you can add a form to your website. Consider using a chatbot or lead magnets as well.</p> <p>Once you start gathering leads, use business marketing strategies like email marketing to nurture them. Email marketing will help you remain top of mind. </p> <h2><span>5. Stay Social</span></h2> <p>Don’t neglect social media! Adding social media to your digital marketing plan will help you engage your target audience.</p> <p>Reformat your blog posts for social media. Once people comment on your posts, respond! Create two-way conversations and engage your customer.</p> <p>Otherwise, use influencer marketing to expand your reach online. </p> <p>Keep up-to-date with the latest trends, too. For example, video content is becoming more popular. AR and VR are gaining popularity, too.</p> <p>Keeping up with the trends will show consumers you’re relevant. </p> <h2><span>Get Growing: 5 Digital Marketing Tips for Your Small Business</span></h2> <p>Don’t let your digital marketing strategy grow stale. Instead, use these digital marketing tips to expand your reach online. With these tips, you can market your services and boost brand awareness.</p> <p>Start generating more leads and sales with these business marketing tips today.</p> <p>Hunting for more tips? You’ve come to the right place.</p> <p>Check out our latest guides for more useful advice. </p>
14https://cdn.feedcontrol.net/1830/2857-8L5Ntr0N5l5Xf.xml
15 function myFunction() {
16 const url = "https://cdn.feedcontrol.net/1830/2857-8L5Ntr0N5l5Xf.xml"; // Please set URL.
17
18 const data = UrlFetchApp.fetch(url).getContentText();
19 const res = data.match(/<content:encoded>([\s\S\w]+)<\/content:encoded>/);
20 Logger.log(res)
21 if (res) {
22 var blob1 = Utilities.newBlob("").setDataFromString(res[1], "UTF-8").setContentType("text/html");
23 Drive.Files.insert({title: "TEST"}, blob1, {convert: true});
24 //DriveApp.createFile("sample.html", res[1], MimeType.HTML);
25 }
26 }
27function myFunction() {
28 const fileId = "###"; // Please set the file ID of the file including the data.
29
30 const data = DriveApp.getFileById(fileId).getBlob().getDataAsString();
31 const res = data.match(/<content:encoded>([\s\S\w]+)<\/content:encoded>/);
32 if (res) {
33 DriveApp.createFile("sample.html", res[1], MimeType.HTML);
34 }
35}
36
When this script is run, the file including the data is opened and retrieved the data, and the value of
###
of<content:encoded>###</content:encoded>
is retrieved. And then, the retrieved data is outputted as a HTML file to the root folder.If your data is required to be retrieved from the web site, please modify
data
as follows.
1 <channel>
2<item>
3<title>5 Small Business Digital Marketing Tips | Donklephant</title>
4<link>https://www.google.com/url?rct=j&sa=t&url=https://donklephant.com/5-small-business-digital-marketing-tips/&ct=ga&cd=CAIyGjRkOWNlYjEwZThmZWEzYzk6Y29tOmVuOlVT&usg=AFQjCNG2rQuRDUiY_UppXg7LAt5uw1ZDXQ</link>
5<dc:identifier/>
6<pubDate>Sun, 03 Oct 2021 07:26:15 +0000</pubDate>
7<dc:creator/>
8<guid isPermaLink="true">https://www.google.com/url?rct=j&amp;sa=t&amp;url=https://donklephant.com/5-small-business-digital-marketing-tips/&amp;ct=ga&amp;cd=CAIyGjRkOWNlYjEwZThmZWEzYzk6Y29tOmVuOlVT&amp;usg=AFQjCNG2rQuRDUiY_UppXg7LAt5uw1ZDXQ</guid>
9<description>Getting leads and sales is sometimes more difficult than business owners expect. In fact, about 65% of businesses say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. Here are five digital marketing tips that can set your...</description>
10<content:encoded><div><img src="https://donklephant.com/wp-content/uploads/2021/10/01425af1e662eeeada815f0cad2f9746.jpeg" class="ff-og-image-inserted"></div><p>Getting leads and sales is sometimes more difficult than business owners expect. In fact, about <a href="https://www.smallbizgenius.net/by-the-numbers/lead-nurturing-statistics/#gref">65% of businesses</a> say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. </p> <p>Here are five digital marketing tips that can set your business up for growth and lasting success. With this digital marketing advice, you can get ahead of the competition. You can retain repeat customers to improve your ROI, too.</p> <p>Set your business up for growth this year. Develop your digital marketing plan with these five tips today. </p> <h2><span>1. Establish Brand Guidelines</span></h2> <p>A distinct brand will help your business stand out from the competition. Otherwise, consumers might not even realize you exist. Take the time to establish brand guidelines before developing your digital marketing plan.</p> <p>Your guidelines should outline your:</p> <ul> <li>Mission statement</li> <li>Vision statement</li> <li>Personality</li> <li>Voice</li> <li>Tone</li> <li>Color palette</li> <li>Photography/imagery styles</li> <li>Logo styles</li> <li>Font styles</li> </ul> <p>Make sure to maintain brand consistency as you use the rest of this digital marketing advice. Consistency will help awareness grow into recognition. People will start recognizing your materials through your visual brand. </p> <h2><span>2. Update Your Website</span></h2> <p>Take the time to update your website as well. An old, slow, outdated website could cost you customers.</p> <p>In fact, <a href="https://fitsmallbusiness.com/website-statistics/">38% of consumers</a> stop interacting with poorly designed websites. They might judge your credibility based on your site, too.</p> <p>Instead, update your website by following the latest user experience design trends. Make sure your site is fast and mobile-ready, too. </p> <p>You can learn how to get the most from your <a href="https://stephenholmes.co.uk/how-to-get-the-most-from-your-web-design/">web design</a> here.</p> <h2><span>3. Create Content</span></h2> <p>Once you update your website, add content creation to your digital marketing strategy. Then, optimize your content for search engine optimization (SEO).</p> <p>SEO will help people find your website when they search for your product or service online.</p> <h2><span>4. Gather and Nurture Leads</span></h2> <p>As you use these digital marketing tips, make sure you have a plan for generating leads.</p> <p>For example, you can add a form to your website. Consider using a chatbot or lead magnets as well.</p> <p>Once you start gathering leads, use business marketing strategies like email marketing to nurture them. Email marketing will help you remain top of mind. </p> <h2><span>5. Stay Social</span></h2> <p>Don’t neglect social media! Adding social media to your digital marketing plan will help you engage your target audience.</p> <p>Reformat your blog posts for social media. Once people comment on your posts, respond! Create two-way conversations and engage your customer.</p> <p>Otherwise, use influencer marketing to expand your reach online. </p> <p>Keep up-to-date with the latest trends, too. For example, video content is becoming more popular. AR and VR are gaining popularity, too.</p> <p>Keeping up with the trends will show consumers you’re relevant. </p> <h2><span>Get Growing: 5 Digital Marketing Tips for Your Small Business</span></h2> <p>Don’t let your digital marketing strategy grow stale. Instead, use these digital marketing tips to expand your reach online. With these tips, you can market your services and boost brand awareness.</p> <p>Start generating more leads and sales with these business marketing tips today.</p> <p>Hunting for more tips? You’ve come to the right place.</p> <p>Check out our latest guides for more useful advice. </p></content:encoded>
11</item>
12</channel>
13<img src="https://donklephant.com/wp-content/uploads/2021/10/01425af1e662eeeada815f0cad2f9746.jpeg" class="ff-og-image-inserted"></div><p>Getting leads and sales is sometimes more difficult than business owners expect. In fact, about <a href="https://www.smallbizgenius.net/by-the-numbers/lead-nurturing-statistics/#gref">65% of businesses</a> say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. </p> <p>Here are five digital marketing tips that can set your business up for growth and lasting success. With this digital marketing advice, you can get ahead of the competition. You can retain repeat customers to improve your ROI, too.</p> <p>Set your business up for growth this year. Develop your digital marketing plan with these five tips today. </p> <h2><span>1. Establish Brand Guidelines</span></h2> <p>A distinct brand will help your business stand out from the competition. Otherwise, consumers might not even realize you exist. Take the time to establish brand guidelines before developing your digital marketing plan.</p> <p>Your guidelines should outline your:</p> <ul> <li>Mission statement</li> <li>Vision statement</li> <li>Personality</li> <li>Voice</li> <li>Tone</li> <li>Color palette</li> <li>Photography/imagery styles</li> <li>Logo styles</li> <li>Font styles</li> </ul> <p>Make sure to maintain brand consistency as you use the rest of this digital marketing advice. Consistency will help awareness grow into recognition. People will start recognizing your materials through your visual brand. </p> <h2><span>2. Update Your Website</span></h2> <p>Take the time to update your website as well. An old, slow, outdated website could cost you customers.</p> <p>In fact, <a href="https://fitsmallbusiness.com/website-statistics/">38% of consumers</a> stop interacting with poorly designed websites. They might judge your credibility based on your site, too.</p> <p>Instead, update your website by following the latest user experience design trends. Make sure your site is fast and mobile-ready, too. </p> <p>You can learn how to get the most from your <a href="https://stephenholmes.co.uk/how-to-get-the-most-from-your-web-design/">web design</a> here.</p> <h2><span>3. Create Content</span></h2> <p>Once you update your website, add content creation to your digital marketing strategy. Then, optimize your content for search engine optimization (SEO).</p> <p>SEO will help people find your website when they search for your product or service online.</p> <h2><span>4. Gather and Nurture Leads</span></h2> <p>As you use these digital marketing tips, make sure you have a plan for generating leads.</p> <p>For example, you can add a form to your website. Consider using a chatbot or lead magnets as well.</p> <p>Once you start gathering leads, use business marketing strategies like email marketing to nurture them. Email marketing will help you remain top of mind. </p> <h2><span>5. Stay Social</span></h2> <p>Don’t neglect social media! Adding social media to your digital marketing plan will help you engage your target audience.</p> <p>Reformat your blog posts for social media. Once people comment on your posts, respond! Create two-way conversations and engage your customer.</p> <p>Otherwise, use influencer marketing to expand your reach online. </p> <p>Keep up-to-date with the latest trends, too. For example, video content is becoming more popular. AR and VR are gaining popularity, too.</p> <p>Keeping up with the trends will show consumers you’re relevant. </p> <h2><span>Get Growing: 5 Digital Marketing Tips for Your Small Business</span></h2> <p>Don’t let your digital marketing strategy grow stale. Instead, use these digital marketing tips to expand your reach online. With these tips, you can market your services and boost brand awareness.</p> <p>Start generating more leads and sales with these business marketing tips today.</p> <p>Hunting for more tips? You’ve come to the right place.</p> <p>Check out our latest guides for more useful advice. </p>
14https://cdn.feedcontrol.net/1830/2857-8L5Ntr0N5l5Xf.xml
15 function myFunction() {
16 const url = "https://cdn.feedcontrol.net/1830/2857-8L5Ntr0N5l5Xf.xml"; // Please set URL.
17
18 const data = UrlFetchApp.fetch(url).getContentText();
19 const res = data.match(/<content:encoded>([\s\S\w]+)<\/content:encoded>/);
20 Logger.log(res)
21 if (res) {
22 var blob1 = Utilities.newBlob("").setDataFromString(res[1], "UTF-8").setContentType("text/html");
23 Drive.Files.insert({title: "TEST"}, blob1, {convert: true});
24 //DriveApp.createFile("sample.html", res[1], MimeType.HTML);
25 }
26 }
27function myFunction() {
28 const fileId = "###"; // Please set the file ID of the file including the data.
29
30 const data = DriveApp.getFileById(fileId).getBlob().getDataAsString();
31 const res = data.match(/<content:encoded>([\s\S\w]+)<\/content:encoded>/);
32 if (res) {
33 DriveApp.createFile("sample.html", res[1], MimeType.HTML);
34 }
35}
36 function myFunction() {
37 const url = "###"; // Please set URL.
38
39 const data = UrlFetchApp.fetch(url).getContentText();
40 const res = data.match(/<content:encoded>([\s\S\w]+)<\/content:encoded>/);
41 if (res) {
42 DriveApp.createFile("sample.html", res[1], MimeType.HTML);
43 }
44 }
45
From your updated question and your following comment,
My real intent is to get the and content:encoded of each item to create a Google Docs file. And I want that Docs file to keep its structure.
I want to generate google Docs from that RSS. For example with the first item, I want to create a Docs file with the name of the item. And the Docs file has the content:encoded content of the item. This is the output Docs file that I want: https://docs.google.com/document/d/1DjPmBSZWoKcvJpuBssQ_3YtxwQrV2eg4QO6VUZqxMsQ/edit?usp=sharing. Hope you understand because my English is translated from google translate.
I understood that your initial question was different from your actual question. In this case, I think that the HTML can be converted to Google Document, the output result might be different from your goal because of the current specification of the Google side. So please test the following sample script.
Sample script 1:In this script, Google Document is created to the root folder by the values of <title>
and <content:encoded>
. But, I thought that the output Google Document converted from the HTML data might not be the same result as your goal.
1 <channel>
2<item>
3<title>5 Small Business Digital Marketing Tips | Donklephant</title>
4<link>https://www.google.com/url?rct=j&sa=t&url=https://donklephant.com/5-small-business-digital-marketing-tips/&ct=ga&cd=CAIyGjRkOWNlYjEwZThmZWEzYzk6Y29tOmVuOlVT&usg=AFQjCNG2rQuRDUiY_UppXg7LAt5uw1ZDXQ</link>
5<dc:identifier/>
6<pubDate>Sun, 03 Oct 2021 07:26:15 +0000</pubDate>
7<dc:creator/>
8<guid isPermaLink="true">https://www.google.com/url?rct=j&amp;sa=t&amp;url=https://donklephant.com/5-small-business-digital-marketing-tips/&amp;ct=ga&amp;cd=CAIyGjRkOWNlYjEwZThmZWEzYzk6Y29tOmVuOlVT&amp;usg=AFQjCNG2rQuRDUiY_UppXg7LAt5uw1ZDXQ</guid>
9<description>Getting leads and sales is sometimes more difficult than business owners expect. In fact, about 65% of businesses say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. Here are five digital marketing tips that can set your...</description>
10<content:encoded><div><img src="https://donklephant.com/wp-content/uploads/2021/10/01425af1e662eeeada815f0cad2f9746.jpeg" class="ff-og-image-inserted"></div><p>Getting leads and sales is sometimes more difficult than business owners expect. In fact, about <a href="https://www.smallbizgenius.net/by-the-numbers/lead-nurturing-statistics/#gref">65% of businesses</a> say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. </p> <p>Here are five digital marketing tips that can set your business up for growth and lasting success. With this digital marketing advice, you can get ahead of the competition. You can retain repeat customers to improve your ROI, too.</p> <p>Set your business up for growth this year. Develop your digital marketing plan with these five tips today. </p> <h2><span>1. Establish Brand Guidelines</span></h2> <p>A distinct brand will help your business stand out from the competition. Otherwise, consumers might not even realize you exist. Take the time to establish brand guidelines before developing your digital marketing plan.</p> <p>Your guidelines should outline your:</p> <ul> <li>Mission statement</li> <li>Vision statement</li> <li>Personality</li> <li>Voice</li> <li>Tone</li> <li>Color palette</li> <li>Photography/imagery styles</li> <li>Logo styles</li> <li>Font styles</li> </ul> <p>Make sure to maintain brand consistency as you use the rest of this digital marketing advice. Consistency will help awareness grow into recognition. People will start recognizing your materials through your visual brand. </p> <h2><span>2. Update Your Website</span></h2> <p>Take the time to update your website as well. An old, slow, outdated website could cost you customers.</p> <p>In fact, <a href="https://fitsmallbusiness.com/website-statistics/">38% of consumers</a> stop interacting with poorly designed websites. They might judge your credibility based on your site, too.</p> <p>Instead, update your website by following the latest user experience design trends. Make sure your site is fast and mobile-ready, too. </p> <p>You can learn how to get the most from your <a href="https://stephenholmes.co.uk/how-to-get-the-most-from-your-web-design/">web design</a> here.</p> <h2><span>3. Create Content</span></h2> <p>Once you update your website, add content creation to your digital marketing strategy. Then, optimize your content for search engine optimization (SEO).</p> <p>SEO will help people find your website when they search for your product or service online.</p> <h2><span>4. Gather and Nurture Leads</span></h2> <p>As you use these digital marketing tips, make sure you have a plan for generating leads.</p> <p>For example, you can add a form to your website. Consider using a chatbot or lead magnets as well.</p> <p>Once you start gathering leads, use business marketing strategies like email marketing to nurture them. Email marketing will help you remain top of mind. </p> <h2><span>5. Stay Social</span></h2> <p>Don’t neglect social media! Adding social media to your digital marketing plan will help you engage your target audience.</p> <p>Reformat your blog posts for social media. Once people comment on your posts, respond! Create two-way conversations and engage your customer.</p> <p>Otherwise, use influencer marketing to expand your reach online. </p> <p>Keep up-to-date with the latest trends, too. For example, video content is becoming more popular. AR and VR are gaining popularity, too.</p> <p>Keeping up with the trends will show consumers you’re relevant. </p> <h2><span>Get Growing: 5 Digital Marketing Tips for Your Small Business</span></h2> <p>Don’t let your digital marketing strategy grow stale. Instead, use these digital marketing tips to expand your reach online. With these tips, you can market your services and boost brand awareness.</p> <p>Start generating more leads and sales with these business marketing tips today.</p> <p>Hunting for more tips? You’ve come to the right place.</p> <p>Check out our latest guides for more useful advice. </p></content:encoded>
11</item>
12</channel>
13<img src="https://donklephant.com/wp-content/uploads/2021/10/01425af1e662eeeada815f0cad2f9746.jpeg" class="ff-og-image-inserted"></div><p>Getting leads and sales is sometimes more difficult than business owners expect. In fact, about <a href="https://www.smallbizgenius.net/by-the-numbers/lead-nurturing-statistics/#gref">65% of businesses</a> say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. </p> <p>Here are five digital marketing tips that can set your business up for growth and lasting success. With this digital marketing advice, you can get ahead of the competition. You can retain repeat customers to improve your ROI, too.</p> <p>Set your business up for growth this year. Develop your digital marketing plan with these five tips today. </p> <h2><span>1. Establish Brand Guidelines</span></h2> <p>A distinct brand will help your business stand out from the competition. Otherwise, consumers might not even realize you exist. Take the time to establish brand guidelines before developing your digital marketing plan.</p> <p>Your guidelines should outline your:</p> <ul> <li>Mission statement</li> <li>Vision statement</li> <li>Personality</li> <li>Voice</li> <li>Tone</li> <li>Color palette</li> <li>Photography/imagery styles</li> <li>Logo styles</li> <li>Font styles</li> </ul> <p>Make sure to maintain brand consistency as you use the rest of this digital marketing advice. Consistency will help awareness grow into recognition. People will start recognizing your materials through your visual brand. </p> <h2><span>2. Update Your Website</span></h2> <p>Take the time to update your website as well. An old, slow, outdated website could cost you customers.</p> <p>In fact, <a href="https://fitsmallbusiness.com/website-statistics/">38% of consumers</a> stop interacting with poorly designed websites. They might judge your credibility based on your site, too.</p> <p>Instead, update your website by following the latest user experience design trends. Make sure your site is fast and mobile-ready, too. </p> <p>You can learn how to get the most from your <a href="https://stephenholmes.co.uk/how-to-get-the-most-from-your-web-design/">web design</a> here.</p> <h2><span>3. Create Content</span></h2> <p>Once you update your website, add content creation to your digital marketing strategy. Then, optimize your content for search engine optimization (SEO).</p> <p>SEO will help people find your website when they search for your product or service online.</p> <h2><span>4. Gather and Nurture Leads</span></h2> <p>As you use these digital marketing tips, make sure you have a plan for generating leads.</p> <p>For example, you can add a form to your website. Consider using a chatbot or lead magnets as well.</p> <p>Once you start gathering leads, use business marketing strategies like email marketing to nurture them. Email marketing will help you remain top of mind. </p> <h2><span>5. Stay Social</span></h2> <p>Don’t neglect social media! Adding social media to your digital marketing plan will help you engage your target audience.</p> <p>Reformat your blog posts for social media. Once people comment on your posts, respond! Create two-way conversations and engage your customer.</p> <p>Otherwise, use influencer marketing to expand your reach online. </p> <p>Keep up-to-date with the latest trends, too. For example, video content is becoming more popular. AR and VR are gaining popularity, too.</p> <p>Keeping up with the trends will show consumers you’re relevant. </p> <h2><span>Get Growing: 5 Digital Marketing Tips for Your Small Business</span></h2> <p>Don’t let your digital marketing strategy grow stale. Instead, use these digital marketing tips to expand your reach online. With these tips, you can market your services and boost brand awareness.</p> <p>Start generating more leads and sales with these business marketing tips today.</p> <p>Hunting for more tips? You’ve come to the right place.</p> <p>Check out our latest guides for more useful advice. </p>
14https://cdn.feedcontrol.net/1830/2857-8L5Ntr0N5l5Xf.xml
15 function myFunction() {
16 const url = "https://cdn.feedcontrol.net/1830/2857-8L5Ntr0N5l5Xf.xml"; // Please set URL.
17
18 const data = UrlFetchApp.fetch(url).getContentText();
19 const res = data.match(/<content:encoded>([\s\S\w]+)<\/content:encoded>/);
20 Logger.log(res)
21 if (res) {
22 var blob1 = Utilities.newBlob("").setDataFromString(res[1], "UTF-8").setContentType("text/html");
23 Drive.Files.insert({title: "TEST"}, blob1, {convert: true});
24 //DriveApp.createFile("sample.html", res[1], MimeType.HTML);
25 }
26 }
27function myFunction() {
28 const fileId = "###"; // Please set the file ID of the file including the data.
29
30 const data = DriveApp.getFileById(fileId).getBlob().getDataAsString();
31 const res = data.match(/<content:encoded>([\s\S\w]+)<\/content:encoded>/);
32 if (res) {
33 DriveApp.createFile("sample.html", res[1], MimeType.HTML);
34 }
35}
36 function myFunction() {
37 const url = "###"; // Please set URL.
38
39 const data = UrlFetchApp.fetch(url).getContentText();
40 const res = data.match(/<content:encoded>([\s\S\w]+)<\/content:encoded>/);
41 if (res) {
42 DriveApp.createFile("sample.html", res[1], MimeType.HTML);
43 }
44 }
45function myFunction1() {
46 const url = "https://cdn.feedcontrol.net/1830/2857-8L5Ntr0N5l5Xf.xml";
47 const data = UrlFetchApp.fetch(url).getContentText();
48 const root = XmlService.parse(data).getRootElement();
49 const ns1 = root.getNamespace();
50 const ns2 = XmlService.getNamespace("http://purl.org/rss/1.0/modules/content/");
51 root.getChild("channel", ns1).getChildren("item", ns1).forEach(e => {
52 Drive.Files.insert({title: e.getChild("title", ns1).getValue(), mimeType: MimeType.GOOGLE_DOCS}, HtmlService.createHtmlOutput(e.getChild("encoded", ns2).getValue()).getBlob());
53 });
54}
55
In this script, the PDF file is created to the root folder by the values of <title>
and <content:encoded>
. I thought that the output PDF file converted from the HTML data might be the same result as your goal. But, the mimeType is not Google Document.
1 <channel>
2<item>
3<title>5 Small Business Digital Marketing Tips | Donklephant</title>
4<link>https://www.google.com/url?rct=j&sa=t&url=https://donklephant.com/5-small-business-digital-marketing-tips/&ct=ga&cd=CAIyGjRkOWNlYjEwZThmZWEzYzk6Y29tOmVuOlVT&usg=AFQjCNG2rQuRDUiY_UppXg7LAt5uw1ZDXQ</link>
5<dc:identifier/>
6<pubDate>Sun, 03 Oct 2021 07:26:15 +0000</pubDate>
7<dc:creator/>
8<guid isPermaLink="true">https://www.google.com/url?rct=j&amp;sa=t&amp;url=https://donklephant.com/5-small-business-digital-marketing-tips/&amp;ct=ga&amp;cd=CAIyGjRkOWNlYjEwZThmZWEzYzk6Y29tOmVuOlVT&amp;usg=AFQjCNG2rQuRDUiY_UppXg7LAt5uw1ZDXQ</guid>
9<description>Getting leads and sales is sometimes more difficult than business owners expect. In fact, about 65% of businesses say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. Here are five digital marketing tips that can set your...</description>
10<content:encoded><div><img src="https://donklephant.com/wp-content/uploads/2021/10/01425af1e662eeeada815f0cad2f9746.jpeg" class="ff-og-image-inserted"></div><p>Getting leads and sales is sometimes more difficult than business owners expect. In fact, about <a href="https://www.smallbizgenius.net/by-the-numbers/lead-nurturing-statistics/#gref">65% of businesses</a> say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. </p> <p>Here are five digital marketing tips that can set your business up for growth and lasting success. With this digital marketing advice, you can get ahead of the competition. You can retain repeat customers to improve your ROI, too.</p> <p>Set your business up for growth this year. Develop your digital marketing plan with these five tips today. </p> <h2><span>1. Establish Brand Guidelines</span></h2> <p>A distinct brand will help your business stand out from the competition. Otherwise, consumers might not even realize you exist. Take the time to establish brand guidelines before developing your digital marketing plan.</p> <p>Your guidelines should outline your:</p> <ul> <li>Mission statement</li> <li>Vision statement</li> <li>Personality</li> <li>Voice</li> <li>Tone</li> <li>Color palette</li> <li>Photography/imagery styles</li> <li>Logo styles</li> <li>Font styles</li> </ul> <p>Make sure to maintain brand consistency as you use the rest of this digital marketing advice. Consistency will help awareness grow into recognition. People will start recognizing your materials through your visual brand. </p> <h2><span>2. Update Your Website</span></h2> <p>Take the time to update your website as well. An old, slow, outdated website could cost you customers.</p> <p>In fact, <a href="https://fitsmallbusiness.com/website-statistics/">38% of consumers</a> stop interacting with poorly designed websites. They might judge your credibility based on your site, too.</p> <p>Instead, update your website by following the latest user experience design trends. Make sure your site is fast and mobile-ready, too. </p> <p>You can learn how to get the most from your <a href="https://stephenholmes.co.uk/how-to-get-the-most-from-your-web-design/">web design</a> here.</p> <h2><span>3. Create Content</span></h2> <p>Once you update your website, add content creation to your digital marketing strategy. Then, optimize your content for search engine optimization (SEO).</p> <p>SEO will help people find your website when they search for your product or service online.</p> <h2><span>4. Gather and Nurture Leads</span></h2> <p>As you use these digital marketing tips, make sure you have a plan for generating leads.</p> <p>For example, you can add a form to your website. Consider using a chatbot or lead magnets as well.</p> <p>Once you start gathering leads, use business marketing strategies like email marketing to nurture them. Email marketing will help you remain top of mind. </p> <h2><span>5. Stay Social</span></h2> <p>Don’t neglect social media! Adding social media to your digital marketing plan will help you engage your target audience.</p> <p>Reformat your blog posts for social media. Once people comment on your posts, respond! Create two-way conversations and engage your customer.</p> <p>Otherwise, use influencer marketing to expand your reach online. </p> <p>Keep up-to-date with the latest trends, too. For example, video content is becoming more popular. AR and VR are gaining popularity, too.</p> <p>Keeping up with the trends will show consumers you’re relevant. </p> <h2><span>Get Growing: 5 Digital Marketing Tips for Your Small Business</span></h2> <p>Don’t let your digital marketing strategy grow stale. Instead, use these digital marketing tips to expand your reach online. With these tips, you can market your services and boost brand awareness.</p> <p>Start generating more leads and sales with these business marketing tips today.</p> <p>Hunting for more tips? You’ve come to the right place.</p> <p>Check out our latest guides for more useful advice. </p></content:encoded>
11</item>
12</channel>
13<img src="https://donklephant.com/wp-content/uploads/2021/10/01425af1e662eeeada815f0cad2f9746.jpeg" class="ff-og-image-inserted"></div><p>Getting leads and sales is sometimes more difficult than business owners expect. In fact, about <a href="https://www.smallbizgenius.net/by-the-numbers/lead-nurturing-statistics/#gref">65% of businesses</a> say it’s their biggest marketing challenge. With a strong digital marketing strategy, however, you don’t have to struggle. </p> <p>Here are five digital marketing tips that can set your business up for growth and lasting success. With this digital marketing advice, you can get ahead of the competition. You can retain repeat customers to improve your ROI, too.</p> <p>Set your business up for growth this year. Develop your digital marketing plan with these five tips today. </p> <h2><span>1. Establish Brand Guidelines</span></h2> <p>A distinct brand will help your business stand out from the competition. Otherwise, consumers might not even realize you exist. Take the time to establish brand guidelines before developing your digital marketing plan.</p> <p>Your guidelines should outline your:</p> <ul> <li>Mission statement</li> <li>Vision statement</li> <li>Personality</li> <li>Voice</li> <li>Tone</li> <li>Color palette</li> <li>Photography/imagery styles</li> <li>Logo styles</li> <li>Font styles</li> </ul> <p>Make sure to maintain brand consistency as you use the rest of this digital marketing advice. Consistency will help awareness grow into recognition. People will start recognizing your materials through your visual brand. </p> <h2><span>2. Update Your Website</span></h2> <p>Take the time to update your website as well. An old, slow, outdated website could cost you customers.</p> <p>In fact, <a href="https://fitsmallbusiness.com/website-statistics/">38% of consumers</a> stop interacting with poorly designed websites. They might judge your credibility based on your site, too.</p> <p>Instead, update your website by following the latest user experience design trends. Make sure your site is fast and mobile-ready, too. </p> <p>You can learn how to get the most from your <a href="https://stephenholmes.co.uk/how-to-get-the-most-from-your-web-design/">web design</a> here.</p> <h2><span>3. Create Content</span></h2> <p>Once you update your website, add content creation to your digital marketing strategy. Then, optimize your content for search engine optimization (SEO).</p> <p>SEO will help people find your website when they search for your product or service online.</p> <h2><span>4. Gather and Nurture Leads</span></h2> <p>As you use these digital marketing tips, make sure you have a plan for generating leads.</p> <p>For example, you can add a form to your website. Consider using a chatbot or lead magnets as well.</p> <p>Once you start gathering leads, use business marketing strategies like email marketing to nurture them. Email marketing will help you remain top of mind. </p> <h2><span>5. Stay Social</span></h2> <p>Don’t neglect social media! Adding social media to your digital marketing plan will help you engage your target audience.</p> <p>Reformat your blog posts for social media. Once people comment on your posts, respond! Create two-way conversations and engage your customer.</p> <p>Otherwise, use influencer marketing to expand your reach online. </p> <p>Keep up-to-date with the latest trends, too. For example, video content is becoming more popular. AR and VR are gaining popularity, too.</p> <p>Keeping up with the trends will show consumers you’re relevant. </p> <h2><span>Get Growing: 5 Digital Marketing Tips for Your Small Business</span></h2> <p>Don’t let your digital marketing strategy grow stale. Instead, use these digital marketing tips to expand your reach online. With these tips, you can market your services and boost brand awareness.</p> <p>Start generating more leads and sales with these business marketing tips today.</p> <p>Hunting for more tips? You’ve come to the right place.</p> <p>Check out our latest guides for more useful advice. </p>
14https://cdn.feedcontrol.net/1830/2857-8L5Ntr0N5l5Xf.xml
15 function myFunction() {
16 const url = "https://cdn.feedcontrol.net/1830/2857-8L5Ntr0N5l5Xf.xml"; // Please set URL.
17
18 const data = UrlFetchApp.fetch(url).getContentText();
19 const res = data.match(/<content:encoded>([\s\S\w]+)<\/content:encoded>/);
20 Logger.log(res)
21 if (res) {
22 var blob1 = Utilities.newBlob("").setDataFromString(res[1], "UTF-8").setContentType("text/html");
23 Drive.Files.insert({title: "TEST"}, blob1, {convert: true});
24 //DriveApp.createFile("sample.html", res[1], MimeType.HTML);
25 }
26 }
27function myFunction() {
28 const fileId = "###"; // Please set the file ID of the file including the data.
29
30 const data = DriveApp.getFileById(fileId).getBlob().getDataAsString();
31 const res = data.match(/<content:encoded>([\s\S\w]+)<\/content:encoded>/);
32 if (res) {
33 DriveApp.createFile("sample.html", res[1], MimeType.HTML);
34 }
35}
36 function myFunction() {
37 const url = "###"; // Please set URL.
38
39 const data = UrlFetchApp.fetch(url).getContentText();
40 const res = data.match(/<content:encoded>([\s\S\w]+)<\/content:encoded>/);
41 if (res) {
42 DriveApp.createFile("sample.html", res[1], MimeType.HTML);
43 }
44 }
45function myFunction1() {
46 const url = "https://cdn.feedcontrol.net/1830/2857-8L5Ntr0N5l5Xf.xml";
47 const data = UrlFetchApp.fetch(url).getContentText();
48 const root = XmlService.parse(data).getRootElement();
49 const ns1 = root.getNamespace();
50 const ns2 = XmlService.getNamespace("http://purl.org/rss/1.0/modules/content/");
51 root.getChild("channel", ns1).getChildren("item", ns1).forEach(e => {
52 Drive.Files.insert({title: e.getChild("title", ns1).getValue(), mimeType: MimeType.GOOGLE_DOCS}, HtmlService.createHtmlOutput(e.getChild("encoded", ns2).getValue()).getBlob());
53 });
54}
55function myFunction2() {
56 const url = "https://cdn.feedcontrol.net/1830/2857-8L5Ntr0N5l5Xf.xml";
57 const data = UrlFetchApp.fetch(url).getContentText();
58 const root = XmlService.parse(data).getRootElement();
59 const ns1 = root.getNamespace();
60 const ns2 = XmlService.getNamespace("http://purl.org/rss/1.0/modules/content/");
61 root.getChild("channel", ns1).getChildren("item", ns1).forEach(e => {
62 let html = e.getChild("encoded", ns2).getValue();
63 const url = html.match(/<img src\=\"([\s\S\w]+?)\"/);
64 if (url) {
65 const blob = UrlFetchApp.fetch(url[1].replace(/&amp;/g, "&").trim()).getBlob();
66 const base64 = blob.getContentType() + ';base64,'+ Utilities.base64Encode(blob.getBytes());
67 html = html.replace(/<img src\=\"[\s\S\w]+?>/, `<img src="data:${base64}">`);
68 }
69 DriveApp.createFile(HtmlService.createHtmlOutput(html).getAs(MimeType.PDF).setName(e.getChild("title", ns1).getValue()));
70 });
71}
72
QUESTION
Vaadin 14 Flow and SEO, PWA
Asked 2021-Aug-08 at 18:55I'm going to start working on the brand-new web application with Vaadin 14 Flow (pure Java). Right now, I'm unable to find the clear information about - will my Vaadin 14 Flow (pure Java) web application be SEO(Search Engine Optimization) friendly out of the box or no? And if no - what additional steps should I implement in order to achieve this? Also, is it worth to add PWA support to the application and how complex is it in case of Vaadin 14 Flow (pure Java)?
ANSWER
Answered 2021-Aug-08 at 14:19This question is on the fringe of StackOverflow policy, as it is potentially quite wide, so I am just answering briefly on top level. This question is seldomly asked in context of Vaadin applications, as they tend to be mostly implemented for company internal use, and thus SEO is not a requirement. Vaadin stance regarding SEO is neutral. So this is mostly application implementation level question. What you need to know is, that Vaadin's component implementations are web components, thus their internals are protected by shadow DOM. This means, if you have say ComboBox and you have set label to it, the label is not necessarily exposed to search index crawlers. In most cases it is not even necessary. Vaadin's layout components place components in light DOM, so if you use native html components representations like Span, Div, H1, H2, ... for the texts that you want to be exposed to SEO, you will be ok. Your text content will be exposed to the indexing crawlers. The rest is just about proper SEO copywriting, and that is naturally out of scope of Vaadin. You may be also interested in GoogleAnalyticsTracker.
QUESTION
How to put <h1>, <h2> tags in legend of <p:fieldset>?
Asked 2021-Jul-07 at 12:44Using a library of components like Primefaces speeds up development with JSF (and has many other advantages!).
From a Search Engine Optimization (SEO) perspective, however, components are not ideal. For example, in Primefaces I can use a sort of panel called a fieldset:
1<p:fieldset legend="Title of my panel">
2 <p>
3 Content of my panel
4 </p>
5 </p:fieldset>
6
The title of the panel (set with the attribute "legend" of the fieldset) would have been a good candidate to put inside a <h2>
or <h3>
tag, because they are important subtitles in the page and search engines rely on these tags for their indexing. Using the fieldset
component seems to prevent using <hn>
tags in the titles of these components?
Is there a way I can have both? Primefaces components like fieldset
with h1
, h2
, h3
tags for the titles of these components?
ANSWER
Answered 2021-Jul-07 at 10:27p:fieldSet
has a facet for the legend
. So you can do:
1<p:fieldset legend="Title of my panel">
2 <p>
3 Content of my panel
4 </p>
5 </p:fieldset>
6<p:fieldset>
7 <f:facet name="legend">
8 <h3>Title of my panel</h3>
9 </f:facet>
10 <p>Content of my panel</p>
11</p:fieldset>
12
QUESTION
How to split a document in a list in python
Asked 2021-Feb-19 at 07:50I have list input in below format
[ "There are many technical seo companies around the world but THA is recognized as a leader in it. \n\nTraditional marketing never provided better opportunity in understanding the customers need. Moreover, with old school marketing aproper analysis and handling of data was a lot difficult. As a result, the ROI and efficiency were much lower as compared to AI based marketing model. 4 key benefits are highlighted here as why seo services should use ai model over traditional approach.\n\nAI gives a positive influence on SEO. With AI, corporations can boost the precision, efficiency, and performance of search engine optimization techniques, comprising the content generated for SEO. While some of the SEOs may fear that AI will replace their role, AI fulfils in a supporting role as an equipment.AI in SEO assists to enhance your recent SEO strategy by finding out chances, like related keywords. Its algorithms, as well as rate, help businesses expedite the method and improve the precision of keyword research, competitor analysis, search intent analysis, and much more.\n\nThere are many technical seo companies around the world but THA is recognized as a leader in it. From advanced off page services to professional seo services we are the market leader.\n\nOur main value added proposition is ai seo optimization & business seo with cutting edge technologies such as data science, machine learning, semantic engineering, advanced search, and much more.\n\nWhile some of the SEOs may fear that AI will replace their role, AI fulfils in a supporting role as an equipment.AI in SEO assists to enhance your recent SEO strategy by finding out chances, like related keywords. Its algorithms, as well as rate, help businesses expedite the method and improve the precision of keyword research, competitor analysis, search intent analysis, and much more.\n\n\nIts algorithms, as well as rate, help businesses expedite the method and improve the precision of keyword research, competitor analysis, search intent analysis, and much more.\n" ]
I required code to split it by new line notation,any ways to do it in python?
ANSWER
Answered 2021-Feb-19 at 07:48Looks like your list only has a single element so you can just do:
1lst = ["There are many technical seo companies around the world but THA is recognized as a leader in it. \n\nTraditional marketing never provided better opportunity in understanding the customers need. Moreover, with old school marketing aproper analysis and handling of data was a lot difficult. As a result, the ROI and efficiency were much lower as compared to AI based marketing model. 4 key benefits are highlighted here as why seo services should use ai model over traditional approach.\n\nAI gives a positive influence on SEO. With AI, corporations can boost the precision, efficiency, and performance of search engine optimization techniques, comprising the content generated for SEO. While some of the SEOs may fear that AI will replace their role, AI fulfils in a supporting role as an equipment.AI in SEO assists to enhance your recent SEO strategy by finding out chances, like related keywords. Its algorithms, as well as rate, help businesses expedite the method and improve the precision of keyword research, competitor analysis, search intent analysis, and much more.\n\nThere are many technical seo companies around the world but THA is recognized as a leader in it. From advanced off page services to professional seo services we are the market leader.\n\nOur main value added proposition is ai seo optimization & business seo with cutting edge technologies such as data science, machine learning, semantic engineering, advanced search, and much more.\n\nWhile some of the SEOs may fear that AI will replace their role, AI fulfils in a supporting role as an equipment.AI in SEO assists to enhance your recent SEO strategy by finding out chances, like related keywords. Its algorithms, as well as rate, help businesses expedite the method and improve the precision of keyword research, competitor analysis, search intent analysis, and much more.\n\n\nIts algorithms, as well as rate, help businesses expedite the method and improve the precision of keyword research, competitor analysis, search intent analysis, and much more.\n" ]
2lst = lst[0].split('\n')
3for line in lst:
4 print(line)
5
Output:
1lst = ["There are many technical seo companies around the world but THA is recognized as a leader in it. \n\nTraditional marketing never provided better opportunity in understanding the customers need. Moreover, with old school marketing aproper analysis and handling of data was a lot difficult. As a result, the ROI and efficiency were much lower as compared to AI based marketing model. 4 key benefits are highlighted here as why seo services should use ai model over traditional approach.\n\nAI gives a positive influence on SEO. With AI, corporations can boost the precision, efficiency, and performance of search engine optimization techniques, comprising the content generated for SEO. While some of the SEOs may fear that AI will replace their role, AI fulfils in a supporting role as an equipment.AI in SEO assists to enhance your recent SEO strategy by finding out chances, like related keywords. Its algorithms, as well as rate, help businesses expedite the method and improve the precision of keyword research, competitor analysis, search intent analysis, and much more.\n\nThere are many technical seo companies around the world but THA is recognized as a leader in it. From advanced off page services to professional seo services we are the market leader.\n\nOur main value added proposition is ai seo optimization & business seo with cutting edge technologies such as data science, machine learning, semantic engineering, advanced search, and much more.\n\nWhile some of the SEOs may fear that AI will replace their role, AI fulfils in a supporting role as an equipment.AI in SEO assists to enhance your recent SEO strategy by finding out chances, like related keywords. Its algorithms, as well as rate, help businesses expedite the method and improve the precision of keyword research, competitor analysis, search intent analysis, and much more.\n\n\nIts algorithms, as well as rate, help businesses expedite the method and improve the precision of keyword research, competitor analysis, search intent analysis, and much more.\n" ]
2lst = lst[0].split('\n')
3for line in lst:
4 print(line)
5There are many technical seo companies around the world but THA is recognized as a leader in it.
6
7Traditional marketing never provided better opportunity in understanding the customers need. Moreover, with old school marketing aproper analysis and handling of data was a lot difficult. As a result, the ROI and efficiency were much lower as compared to AI based marketing model. 4 key benefits are highlighted here as why seo services should use ai model over traditional approach.
8
9AI gives a positive influence on SEO. With AI, corporations can boost the precision, efficiency, and performance of search engine optimization techniques, comprising the content generated for SEO. While some of the SEOs may fear that AI will replace their role, AI fulfils in a supporting role as an equipment.AI in SEO assists to enhance your recent SEO strategy by finding out chances, like related keywords. Its algorithms, as well as rate, help businesses expedite the method and improve the precision of keyword research, competitor analysis, search intent analysis, and much more.
10
11There are many technical seo companies around the world but THA is recognized as a leader in it. From advanced off page services to professional seo services we are the market leader.
12
13Our main value added proposition is ai seo optimization & business seo with cutting edge technologies such as data science, machine learning, semantic engineering, advanced search, and much more.
14
15While some of the SEOs may fear that AI will replace their role, AI fulfils in a supporting role as an equipment.AI in SEO assists to enhance your recent SEO strategy by finding out chances, like related keywords. Its algorithms, as well as rate, help businesses expedite the method and improve the precision of keyword research, competitor analysis, search intent analysis, and much more.
16
17
18Its algorithms, as well as rate, help businesses expedite the method and improve the precision of keyword research, competitor analysis, search intent analysis, and much more.
19
You could add another loop if there are multiple documents in the above list.
QUESTION
How do i fix Upwork clone sliding page problem (JS)
Asked 2020-Dec-31 at 08:29If you've used upwork you might be familiar with their UI.
Here I tried to make it's small feature when when user clicks on any freelance job offer, another page opens from left side transform: translate(120%)
to transform: translate(0)
Problem is that when I click on job header sliding from right to left works perfectly fine but when I do this same thing second time, sliding is not working. and also when slide comes from right to left there's grayish bar appears on right side of the page. I don't know what I am doing if You are satisfied with my explanation I'll try to more detailed about it.
1const jobContainer = document.querySelector('.job-description');
2let htag = document.querySelector('.green-h3');
3function changeCol() {
4 htag = document.querySelector('.green-h3');
5 htag.style.color = "green"
6}
7
8function normalCol() {
9 let htag = document.querySelector('.green-h3');
10 htag.style.color = "black"
11 htag.style.borderBottom = `none`
12}
13
14htag.addEventListener('mouseover', ()=> {
15 htag.style.borderBottom = `1.5px solid green`
16});
17
18
19
20// show more
21let hiddenInfo = document.querySelector('.by-default-hidden');
22let more = document.querySelector('.more');
23let less = document.querySelector('.less');
24less.style.display = 'none'
25more.addEventListener('click', ()=> {
26 hiddenInfo.style.display = 'inline'
27 more.style.display = 'none'
28 less.style.display = 'inline'
29})
30
31less.addEventListener('click', ()=> {
32 hiddenInfo.style.display = 'none'
33 more.style.display = 'inline'
34 less.style.display = 'none'
35})
36
37
38// sliding
39
40let headingTag = document.querySelector('.green-h3');
41let slidingParent = document.querySelector('.container-job-slide')
42let slidingContent = document.querySelector('.slide-jobs');
43let jobSectionmain = document.querySelector('.jobs');
44let backIcon = document.querySelector('.back-icon');
45headingTag.addEventListener('click', ()=> {
46
47 document.body.setAttribute("data-theme", "blur")
48 if (headingTag) {
49 slidingContent.style.display = 'block';
50 } else {
51 slidingContent.style.display = 'none';
52 }
53})
54
55backIcon.addEventListener('click', ()=> {
56 slidingContent.style.transform = `translateX(120%)`;
57 document.body.removeAttribute("data-theme", "blur");
58});
1const jobContainer = document.querySelector('.job-description');
2let htag = document.querySelector('.green-h3');
3function changeCol() {
4 htag = document.querySelector('.green-h3');
5 htag.style.color = "green"
6}
7
8function normalCol() {
9 let htag = document.querySelector('.green-h3');
10 htag.style.color = "black"
11 htag.style.borderBottom = `none`
12}
13
14htag.addEventListener('mouseover', ()=> {
15 htag.style.borderBottom = `1.5px solid green`
16});
17
18
19
20// show more
21let hiddenInfo = document.querySelector('.by-default-hidden');
22let more = document.querySelector('.more');
23let less = document.querySelector('.less');
24less.style.display = 'none'
25more.addEventListener('click', ()=> {
26 hiddenInfo.style.display = 'inline'
27 more.style.display = 'none'
28 less.style.display = 'inline'
29})
30
31less.addEventListener('click', ()=> {
32 hiddenInfo.style.display = 'none'
33 more.style.display = 'inline'
34 less.style.display = 'none'
35})
36
37
38// sliding
39
40let headingTag = document.querySelector('.green-h3');
41let slidingParent = document.querySelector('.container-job-slide')
42let slidingContent = document.querySelector('.slide-jobs');
43let jobSectionmain = document.querySelector('.jobs');
44let backIcon = document.querySelector('.back-icon');
45headingTag.addEventListener('click', ()=> {
46
47 document.body.setAttribute("data-theme", "blur")
48 if (headingTag) {
49 slidingContent.style.display = 'block';
50 } else {
51 slidingContent.style.display = 'none';
52 }
53})
54
55backIcon.addEventListener('click', ()=> {
56 slidingContent.style.transform = `translateX(120%)`;
57 document.body.removeAttribute("data-theme", "blur");
58});body {
59 max-width: 990px;
60 overflow-x: hidden;
61 font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
62 background-color: #F1F2F4;
63 margin: 0 auto;
64}
65
66body[data-theme="blur"] {
67 background-color: rgb(87, 87, 87);
68}
69
70
71.jobs {
72 position: relative;
73}
74
75.container-job {
76 max-width: 630px;
77 position: relative;
78}
79
80
81h1 {
82 padding: 20px 10px 20px 40px;
83 background-color: white ;
84}
85
86.job-description {
87 margin-top: -20px;
88 border-top: 1px solid rgb(194, 194, 194);
89 padding: 20px 20px 20px 40px;
90 background-color: white;
91 color: #656565;
92}
93
94.job-description:hover{
95 color: black;
96 background-color: #F9F9F9;
97 cursor: pointer;
98}
99.more,.less {
100 color: green;
101}
102.more:hover,.less:hover {
103 border-bottom: 1.5px solid green;
104 cursor: pointer;
105}
106.green-h3 {
107 font-size: 1.2rem;
108}
109
110.green-h3:hover {
111 border-bottom: 1.5px solid green;
112}
113
114.by-default-hidden {
115 display: none;
116}
117
118/* slide jobs */
119
120.slide-jobs {
121 top: 0;
122 position: absolute;
123 /* */
124 display: none;
125 right: 5%;
126 width: 80%;
127 transition: all .4s;
128 animation: slide .4s ease-in;
129}
130@keyframes slide {
131 from {
132 transform: translateX(100%);
133 }
134 to {
135 transform: translateX(0);
136 }
137}
138/* .backSlide {
139 animation: backSlide .4s ease-in;
140}
141
142@keyframes backSlide {
143 from{
144 transform: translateX(0%);
145 }
146 to {
147 transform: translateX(120%);
148 }
149} */
150
151.job-description-slide {
152 margin-top: -20px;
153 border-top: 1px solid rgb(194, 194, 194);
154 padding: 20px 20px 20px 40px;
155 background-color: white;
156}
157.back-icon div{
158 height: 4px;
159 width: 20px;
160 margin: 5px;
161 background-color: green;
162 cursor: pointer;
163}
164.back-icon {
165 background-color: white;
166 padding: 25px;
167}
168.line1 {
169 transform: rotate(-30deg);
170}
171.line2 {
172 transform: rotate(30deg);
173}
1const jobContainer = document.querySelector('.job-description');
2let htag = document.querySelector('.green-h3');
3function changeCol() {
4 htag = document.querySelector('.green-h3');
5 htag.style.color = "green"
6}
7
8function normalCol() {
9 let htag = document.querySelector('.green-h3');
10 htag.style.color = "black"
11 htag.style.borderBottom = `none`
12}
13
14htag.addEventListener('mouseover', ()=> {
15 htag.style.borderBottom = `1.5px solid green`
16});
17
18
19
20// show more
21let hiddenInfo = document.querySelector('.by-default-hidden');
22let more = document.querySelector('.more');
23let less = document.querySelector('.less');
24less.style.display = 'none'
25more.addEventListener('click', ()=> {
26 hiddenInfo.style.display = 'inline'
27 more.style.display = 'none'
28 less.style.display = 'inline'
29})
30
31less.addEventListener('click', ()=> {
32 hiddenInfo.style.display = 'none'
33 more.style.display = 'inline'
34 less.style.display = 'none'
35})
36
37
38// sliding
39
40let headingTag = document.querySelector('.green-h3');
41let slidingParent = document.querySelector('.container-job-slide')
42let slidingContent = document.querySelector('.slide-jobs');
43let jobSectionmain = document.querySelector('.jobs');
44let backIcon = document.querySelector('.back-icon');
45headingTag.addEventListener('click', ()=> {
46
47 document.body.setAttribute("data-theme", "blur")
48 if (headingTag) {
49 slidingContent.style.display = 'block';
50 } else {
51 slidingContent.style.display = 'none';
52 }
53})
54
55backIcon.addEventListener('click', ()=> {
56 slidingContent.style.transform = `translateX(120%)`;
57 document.body.removeAttribute("data-theme", "blur");
58});body {
59 max-width: 990px;
60 overflow-x: hidden;
61 font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
62 background-color: #F1F2F4;
63 margin: 0 auto;
64}
65
66body[data-theme="blur"] {
67 background-color: rgb(87, 87, 87);
68}
69
70
71.jobs {
72 position: relative;
73}
74
75.container-job {
76 max-width: 630px;
77 position: relative;
78}
79
80
81h1 {
82 padding: 20px 10px 20px 40px;
83 background-color: white ;
84}
85
86.job-description {
87 margin-top: -20px;
88 border-top: 1px solid rgb(194, 194, 194);
89 padding: 20px 20px 20px 40px;
90 background-color: white;
91 color: #656565;
92}
93
94.job-description:hover{
95 color: black;
96 background-color: #F9F9F9;
97 cursor: pointer;
98}
99.more,.less {
100 color: green;
101}
102.more:hover,.less:hover {
103 border-bottom: 1.5px solid green;
104 cursor: pointer;
105}
106.green-h3 {
107 font-size: 1.2rem;
108}
109
110.green-h3:hover {
111 border-bottom: 1.5px solid green;
112}
113
114.by-default-hidden {
115 display: none;
116}
117
118/* slide jobs */
119
120.slide-jobs {
121 top: 0;
122 position: absolute;
123 /* */
124 display: none;
125 right: 5%;
126 width: 80%;
127 transition: all .4s;
128 animation: slide .4s ease-in;
129}
130@keyframes slide {
131 from {
132 transform: translateX(100%);
133 }
134 to {
135 transform: translateX(0);
136 }
137}
138/* .backSlide {
139 animation: backSlide .4s ease-in;
140}
141
142@keyframes backSlide {
143 from{
144 transform: translateX(0%);
145 }
146 to {
147 transform: translateX(120%);
148 }
149} */
150
151.job-description-slide {
152 margin-top: -20px;
153 border-top: 1px solid rgb(194, 194, 194);
154 padding: 20px 20px 20px 40px;
155 background-color: white;
156}
157.back-icon div{
158 height: 4px;
159 width: 20px;
160 margin: 5px;
161 background-color: green;
162 cursor: pointer;
163}
164.back-icon {
165 background-color: white;
166 padding: 25px;
167}
168.line1 {
169 transform: rotate(-30deg);
170}
171.line2 {
172 transform: rotate(30deg);
173}<section class="jobs">
174 <div class="container-job">
175 <h1>My Feed</h1>
176 <div
177 onmouseover="changeCol();"
178 onmouseout="normalCol()"
179 class="job-description"
180 >
181 <span class="green-h3">SEO Specialist Needed</span>
182 <h4>
183 Fixed-price - Expert - Est. Budget: 400$ - Posted 46 minutes ago
184 </h4>
185 <p>
186 Job Description Hello! Our small digital advertising company needs
187 someone that's starting out in their career that is **VERY** capable
188 in SEO and web development. Must be able to do a video call and
189 operate in US Eastern Time. Also must be comfortable with Wordpress.
190 If you also have some graphic design background and know about
191 Facebook / Google Ads and could manage those, that's a
192 <span class="more">more</span>
193 <span class="by-default-hidden"
194 >significant plus. Our team also needs someone that's very
195 comfortable in Wordpress back end HTML / CSS / PHP, and can
196 essentially create a site from visuals provided. Pay is not
197 fantastic YET, but it should be once we really have clients coming
198 through. Must be able to do a video call every now and then, and
199 video interview on front end. Key summary: we need an SEO expert
200 to manage search engine optimization and marketing activities. The
201 SEO Specialist will be responsible for managing all SEO activities
202 such as keyword strategy, content strategy and link building to
203 increase organic search rankings and drive search traffic from
204 Google, Bing, Yahoo and other search engines. A successful SEO
205 specialist must keep up-to-date with the latest industry best
206 practices and work closely with editorial and marketing teams to
207 develop a successful organic search strategy. Responsibilities
208 Optimize copy and landing pages for search engine optimization
209 Perform ongoing keyword research and discovery, expansion and
210 optimization Research and implement search engine optimization
211 recommendations on the website Research and analyze competitor
212 content and links Develop and implement link building strategy
213 Work with the development team to ensure SEO best practices are
214 properly implemented on newly developed code Work with editorial
215 and marketing teams to drive SEO in content strategy and creation
216 Work closely with social media team to align social distribution
217 and SEO efforts Recommend changes to website architecture,
218 content, linking and other factors to improve SEO positions for
219 target keywords Skills Proven SEO experience and a track record of
220 success growing organic search traffic and conversions Solid
221 understanding of performance marketing, conversion, and online
222 customer acquisition Up-to-date with the latest trends and best
223 practices in SEO and inbound marketing In-depth experience with
224 website analytics tools (e.g, Google Analytics, NetInsight,
225 Omniture, WebTrends) Working knowledge of HTML, CSS, and
226 JavaScript development and constraints Familiarity with content
227 management systems (e.g, Wordpress, Vignette) BS/MS degree in a
228 quantitative, test-driven field Job Type: Part-time Pay: From
229 $20.00 per hour</span
230 >
231 <span class="less">Less</span>
232 </p>
233 </div>
234 </div>
235 </section>
236 <section class="slide-jobs">
237 <div class="container-job-slide">
238 <div class="back-icon">
239 <div class="line1"></div>
240 <div class="line2"></div>
241 </div>
242 <h1>SEO Specialist Needed</h1>
243 <div class="job-description-slide">
244 <span class="green-h3">SEO Specialist Needed</span>
245 <h4>
246 Fixed-price - Expert - Est. Budget: 400$ - Posted 46 minutes ago
247 </h4>
248 <p>
249 Job Description Hello! Our small digital advertising company needs
250 someone that's starting out in their career that is **VERY** capable
251 in SEO and web development. Must be able to do a video call and
252 operate in US Eastern Time. Also must be comfortable with Wordpress.
253 If you also have some graphic design background and know about
254 Facebook / Google Ads and could manage those, that's a significant
255 plus. Our team also needs someone that's very comfortable in
256 Wordpress back end HTML / CSS / PHP, and can essentially create a
257 site from visuals provided. Pay is not fantastic YET, but it should
258 be once we really have clients coming through. Must be able to do a
259 video call every now and then, and video interview on front end. Key
260 summary: we need an SEO expert to manage search engine optimization
261 and marketing activities. The SEO Specialist will be responsible for
262 managing all SEO activities such as keyword strategy, content
263 strategy and link building to increase organic search rankings and
264 drive search traffic from Google, Bing, Yahoo and other search
265 engines. A successful SEO specialist must keep up-to-date with the
266 latest industry best practices and work closely with editorial and
267 marketing teams to develop a successful organic search strategy.
268 Responsibilities Optimize copy and landing pages for search engine
269 optimization Perform ongoing keyword research and discovery,
270 expansion and optimization Research and implement search engine
271 optimization recommendations on the website Research and analyze
272 competitor content and links Develop and implement link building
273 strategy Work with the development team to ensure SEO best practices
274 are properly implemented on newly developed code Work with editorial
275 and marketing teams to drive SEO in content strategy and creation
276 Work closely with social media team to align social distribution and
277 SEO efforts Recommend changes to website architecture, content,
278 linking and other factors to improve SEO positions for target
279 keywords Skills Proven SEO experience and a track record of success
280 growing organic search traffic and conversions Solid understanding
281 of performance marketing, conversion, and online customer
282 acquisition Up-to-date with the latest trends and best practices in
283 SEO and inbound marketing In-depth experience with website analytics
284 tools (e.g, Google Analytics, NetInsight, Omniture, WebTrends)
285 Working knowledge of HTML, CSS, and JavaScript development and
286 constraints Familiarity with content management systems (e.g,
287 Wordpress, Vignette) BS/MS degree in a quantitative, test-driven
288 field Job Type: Part-time Pay: From $20.00 per hour
289 </p>
290 </div>
291 </div>
292 </section>
ANSWER
Answered 2020-Dec-31 at 08:291st in some places in your code your js code you have ` instead of ' when selecting elements like in :
1const jobContainer = document.querySelector('.job-description');
2let htag = document.querySelector('.green-h3');
3function changeCol() {
4 htag = document.querySelector('.green-h3');
5 htag.style.color = "green"
6}
7
8function normalCol() {
9 let htag = document.querySelector('.green-h3');
10 htag.style.color = "black"
11 htag.style.borderBottom = `none`
12}
13
14htag.addEventListener('mouseover', ()=> {
15 htag.style.borderBottom = `1.5px solid green`
16});
17
18
19
20// show more
21let hiddenInfo = document.querySelector('.by-default-hidden');
22let more = document.querySelector('.more');
23let less = document.querySelector('.less');
24less.style.display = 'none'
25more.addEventListener('click', ()=> {
26 hiddenInfo.style.display = 'inline'
27 more.style.display = 'none'
28 less.style.display = 'inline'
29})
30
31less.addEventListener('click', ()=> {
32 hiddenInfo.style.display = 'none'
33 more.style.display = 'inline'
34 less.style.display = 'none'
35})
36
37
38// sliding
39
40let headingTag = document.querySelector('.green-h3');
41let slidingParent = document.querySelector('.container-job-slide')
42let slidingContent = document.querySelector('.slide-jobs');
43let jobSectionmain = document.querySelector('.jobs');
44let backIcon = document.querySelector('.back-icon');
45headingTag.addEventListener('click', ()=> {
46
47 document.body.setAttribute("data-theme", "blur")
48 if (headingTag) {
49 slidingContent.style.display = 'block';
50 } else {
51 slidingContent.style.display = 'none';
52 }
53})
54
55backIcon.addEventListener('click', ()=> {
56 slidingContent.style.transform = `translateX(120%)`;
57 document.body.removeAttribute("data-theme", "blur");
58});body {
59 max-width: 990px;
60 overflow-x: hidden;
61 font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
62 background-color: #F1F2F4;
63 margin: 0 auto;
64}
65
66body[data-theme="blur"] {
67 background-color: rgb(87, 87, 87);
68}
69
70
71.jobs {
72 position: relative;
73}
74
75.container-job {
76 max-width: 630px;
77 position: relative;
78}
79
80
81h1 {
82 padding: 20px 10px 20px 40px;
83 background-color: white ;
84}
85
86.job-description {
87 margin-top: -20px;
88 border-top: 1px solid rgb(194, 194, 194);
89 padding: 20px 20px 20px 40px;
90 background-color: white;
91 color: #656565;
92}
93
94.job-description:hover{
95 color: black;
96 background-color: #F9F9F9;
97 cursor: pointer;
98}
99.more,.less {
100 color: green;
101}
102.more:hover,.less:hover {
103 border-bottom: 1.5px solid green;
104 cursor: pointer;
105}
106.green-h3 {
107 font-size: 1.2rem;
108}
109
110.green-h3:hover {
111 border-bottom: 1.5px solid green;
112}
113
114.by-default-hidden {
115 display: none;
116}
117
118/* slide jobs */
119
120.slide-jobs {
121 top: 0;
122 position: absolute;
123 /* */
124 display: none;
125 right: 5%;
126 width: 80%;
127 transition: all .4s;
128 animation: slide .4s ease-in;
129}
130@keyframes slide {
131 from {
132 transform: translateX(100%);
133 }
134 to {
135 transform: translateX(0);
136 }
137}
138/* .backSlide {
139 animation: backSlide .4s ease-in;
140}
141
142@keyframes backSlide {
143 from{
144 transform: translateX(0%);
145 }
146 to {
147 transform: translateX(120%);
148 }
149} */
150
151.job-description-slide {
152 margin-top: -20px;
153 border-top: 1px solid rgb(194, 194, 194);
154 padding: 20px 20px 20px 40px;
155 background-color: white;
156}
157.back-icon div{
158 height: 4px;
159 width: 20px;
160 margin: 5px;
161 background-color: green;
162 cursor: pointer;
163}
164.back-icon {
165 background-color: white;
166 padding: 25px;
167}
168.line1 {
169 transform: rotate(-30deg);
170}
171.line2 {
172 transform: rotate(30deg);
173}<section class="jobs">
174 <div class="container-job">
175 <h1>My Feed</h1>
176 <div
177 onmouseover="changeCol();"
178 onmouseout="normalCol()"
179 class="job-description"
180 >
181 <span class="green-h3">SEO Specialist Needed</span>
182 <h4>
183 Fixed-price - Expert - Est. Budget: 400$ - Posted 46 minutes ago
184 </h4>
185 <p>
186 Job Description Hello! Our small digital advertising company needs
187 someone that's starting out in their career that is **VERY** capable
188 in SEO and web development. Must be able to do a video call and
189 operate in US Eastern Time. Also must be comfortable with Wordpress.
190 If you also have some graphic design background and know about
191 Facebook / Google Ads and could manage those, that's a
192 <span class="more">more</span>
193 <span class="by-default-hidden"
194 >significant plus. Our team also needs someone that's very
195 comfortable in Wordpress back end HTML / CSS / PHP, and can
196 essentially create a site from visuals provided. Pay is not
197 fantastic YET, but it should be once we really have clients coming
198 through. Must be able to do a video call every now and then, and
199 video interview on front end. Key summary: we need an SEO expert
200 to manage search engine optimization and marketing activities. The
201 SEO Specialist will be responsible for managing all SEO activities
202 such as keyword strategy, content strategy and link building to
203 increase organic search rankings and drive search traffic from
204 Google, Bing, Yahoo and other search engines. A successful SEO
205 specialist must keep up-to-date with the latest industry best
206 practices and work closely with editorial and marketing teams to
207 develop a successful organic search strategy. Responsibilities
208 Optimize copy and landing pages for search engine optimization
209 Perform ongoing keyword research and discovery, expansion and
210 optimization Research and implement search engine optimization
211 recommendations on the website Research and analyze competitor
212 content and links Develop and implement link building strategy
213 Work with the development team to ensure SEO best practices are
214 properly implemented on newly developed code Work with editorial
215 and marketing teams to drive SEO in content strategy and creation
216 Work closely with social media team to align social distribution
217 and SEO efforts Recommend changes to website architecture,
218 content, linking and other factors to improve SEO positions for
219 target keywords Skills Proven SEO experience and a track record of
220 success growing organic search traffic and conversions Solid
221 understanding of performance marketing, conversion, and online
222 customer acquisition Up-to-date with the latest trends and best
223 practices in SEO and inbound marketing In-depth experience with
224 website analytics tools (e.g, Google Analytics, NetInsight,
225 Omniture, WebTrends) Working knowledge of HTML, CSS, and
226 JavaScript development and constraints Familiarity with content
227 management systems (e.g, Wordpress, Vignette) BS/MS degree in a
228 quantitative, test-driven field Job Type: Part-time Pay: From
229 $20.00 per hour</span
230 >
231 <span class="less">Less</span>
232 </p>
233 </div>
234 </div>
235 </section>
236 <section class="slide-jobs">
237 <div class="container-job-slide">
238 <div class="back-icon">
239 <div class="line1"></div>
240 <div class="line2"></div>
241 </div>
242 <h1>SEO Specialist Needed</h1>
243 <div class="job-description-slide">
244 <span class="green-h3">SEO Specialist Needed</span>
245 <h4>
246 Fixed-price - Expert - Est. Budget: 400$ - Posted 46 minutes ago
247 </h4>
248 <p>
249 Job Description Hello! Our small digital advertising company needs
250 someone that's starting out in their career that is **VERY** capable
251 in SEO and web development. Must be able to do a video call and
252 operate in US Eastern Time. Also must be comfortable with Wordpress.
253 If you also have some graphic design background and know about
254 Facebook / Google Ads and could manage those, that's a significant
255 plus. Our team also needs someone that's very comfortable in
256 Wordpress back end HTML / CSS / PHP, and can essentially create a
257 site from visuals provided. Pay is not fantastic YET, but it should
258 be once we really have clients coming through. Must be able to do a
259 video call every now and then, and video interview on front end. Key
260 summary: we need an SEO expert to manage search engine optimization
261 and marketing activities. The SEO Specialist will be responsible for
262 managing all SEO activities such as keyword strategy, content
263 strategy and link building to increase organic search rankings and
264 drive search traffic from Google, Bing, Yahoo and other search
265 engines. A successful SEO specialist must keep up-to-date with the
266 latest industry best practices and work closely with editorial and
267 marketing teams to develop a successful organic search strategy.
268 Responsibilities Optimize copy and landing pages for search engine
269 optimization Perform ongoing keyword research and discovery,
270 expansion and optimization Research and implement search engine
271 optimization recommendations on the website Research and analyze
272 competitor content and links Develop and implement link building
273 strategy Work with the development team to ensure SEO best practices
274 are properly implemented on newly developed code Work with editorial
275 and marketing teams to drive SEO in content strategy and creation
276 Work closely with social media team to align social distribution and
277 SEO efforts Recommend changes to website architecture, content,
278 linking and other factors to improve SEO positions for target
279 keywords Skills Proven SEO experience and a track record of success
280 growing organic search traffic and conversions Solid understanding
281 of performance marketing, conversion, and online customer
282 acquisition Up-to-date with the latest trends and best practices in
283 SEO and inbound marketing In-depth experience with website analytics
284 tools (e.g, Google Analytics, NetInsight, Omniture, WebTrends)
285 Working knowledge of HTML, CSS, and JavaScript development and
286 constraints Familiarity with content management systems (e.g,
287 Wordpress, Vignette) BS/MS degree in a quantitative, test-driven
288 field Job Type: Part-time Pay: From $20.00 per hour
289 </p>
290 </div>
291 </div>
292 </section>htag.style.borderBottom = `1.5px solid green`
293// should be
294htag.style.borderBottom = '1.5px solid green'
295
Fix that! You need 1 small fix in the code about sliding problem
1const jobContainer = document.querySelector('.job-description');
2let htag = document.querySelector('.green-h3');
3function changeCol() {
4 htag = document.querySelector('.green-h3');
5 htag.style.color = "green"
6}
7
8function normalCol() {
9 let htag = document.querySelector('.green-h3');
10 htag.style.color = "black"
11 htag.style.borderBottom = `none`
12}
13
14htag.addEventListener('mouseover', ()=> {
15 htag.style.borderBottom = `1.5px solid green`
16});
17
18
19
20// show more
21let hiddenInfo = document.querySelector('.by-default-hidden');
22let more = document.querySelector('.more');
23let less = document.querySelector('.less');
24less.style.display = 'none'
25more.addEventListener('click', ()=> {
26 hiddenInfo.style.display = 'inline'
27 more.style.display = 'none'
28 less.style.display = 'inline'
29})
30
31less.addEventListener('click', ()=> {
32 hiddenInfo.style.display = 'none'
33 more.style.display = 'inline'
34 less.style.display = 'none'
35})
36
37
38// sliding
39
40let headingTag = document.querySelector('.green-h3');
41let slidingParent = document.querySelector('.container-job-slide')
42let slidingContent = document.querySelector('.slide-jobs');
43let jobSectionmain = document.querySelector('.jobs');
44let backIcon = document.querySelector('.back-icon');
45headingTag.addEventListener('click', ()=> {
46
47 document.body.setAttribute("data-theme", "blur")
48 if (headingTag) {
49 slidingContent.style.display = 'block';
50 } else {
51 slidingContent.style.display = 'none';
52 }
53})
54
55backIcon.addEventListener('click', ()=> {
56 slidingContent.style.transform = `translateX(120%)`;
57 document.body.removeAttribute("data-theme", "blur");
58});body {
59 max-width: 990px;
60 overflow-x: hidden;
61 font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
62 background-color: #F1F2F4;
63 margin: 0 auto;
64}
65
66body[data-theme="blur"] {
67 background-color: rgb(87, 87, 87);
68}
69
70
71.jobs {
72 position: relative;
73}
74
75.container-job {
76 max-width: 630px;
77 position: relative;
78}
79
80
81h1 {
82 padding: 20px 10px 20px 40px;
83 background-color: white ;
84}
85
86.job-description {
87 margin-top: -20px;
88 border-top: 1px solid rgb(194, 194, 194);
89 padding: 20px 20px 20px 40px;
90 background-color: white;
91 color: #656565;
92}
93
94.job-description:hover{
95 color: black;
96 background-color: #F9F9F9;
97 cursor: pointer;
98}
99.more,.less {
100 color: green;
101}
102.more:hover,.less:hover {
103 border-bottom: 1.5px solid green;
104 cursor: pointer;
105}
106.green-h3 {
107 font-size: 1.2rem;
108}
109
110.green-h3:hover {
111 border-bottom: 1.5px solid green;
112}
113
114.by-default-hidden {
115 display: none;
116}
117
118/* slide jobs */
119
120.slide-jobs {
121 top: 0;
122 position: absolute;
123 /* */
124 display: none;
125 right: 5%;
126 width: 80%;
127 transition: all .4s;
128 animation: slide .4s ease-in;
129}
130@keyframes slide {
131 from {
132 transform: translateX(100%);
133 }
134 to {
135 transform: translateX(0);
136 }
137}
138/* .backSlide {
139 animation: backSlide .4s ease-in;
140}
141
142@keyframes backSlide {
143 from{
144 transform: translateX(0%);
145 }
146 to {
147 transform: translateX(120%);
148 }
149} */
150
151.job-description-slide {
152 margin-top: -20px;
153 border-top: 1px solid rgb(194, 194, 194);
154 padding: 20px 20px 20px 40px;
155 background-color: white;
156}
157.back-icon div{
158 height: 4px;
159 width: 20px;
160 margin: 5px;
161 background-color: green;
162 cursor: pointer;
163}
164.back-icon {
165 background-color: white;
166 padding: 25px;
167}
168.line1 {
169 transform: rotate(-30deg);
170}
171.line2 {
172 transform: rotate(30deg);
173}<section class="jobs">
174 <div class="container-job">
175 <h1>My Feed</h1>
176 <div
177 onmouseover="changeCol();"
178 onmouseout="normalCol()"
179 class="job-description"
180 >
181 <span class="green-h3">SEO Specialist Needed</span>
182 <h4>
183 Fixed-price - Expert - Est. Budget: 400$ - Posted 46 minutes ago
184 </h4>
185 <p>
186 Job Description Hello! Our small digital advertising company needs
187 someone that's starting out in their career that is **VERY** capable
188 in SEO and web development. Must be able to do a video call and
189 operate in US Eastern Time. Also must be comfortable with Wordpress.
190 If you also have some graphic design background and know about
191 Facebook / Google Ads and could manage those, that's a
192 <span class="more">more</span>
193 <span class="by-default-hidden"
194 >significant plus. Our team also needs someone that's very
195 comfortable in Wordpress back end HTML / CSS / PHP, and can
196 essentially create a site from visuals provided. Pay is not
197 fantastic YET, but it should be once we really have clients coming
198 through. Must be able to do a video call every now and then, and
199 video interview on front end. Key summary: we need an SEO expert
200 to manage search engine optimization and marketing activities. The
201 SEO Specialist will be responsible for managing all SEO activities
202 such as keyword strategy, content strategy and link building to
203 increase organic search rankings and drive search traffic from
204 Google, Bing, Yahoo and other search engines. A successful SEO
205 specialist must keep up-to-date with the latest industry best
206 practices and work closely with editorial and marketing teams to
207 develop a successful organic search strategy. Responsibilities
208 Optimize copy and landing pages for search engine optimization
209 Perform ongoing keyword research and discovery, expansion and
210 optimization Research and implement search engine optimization
211 recommendations on the website Research and analyze competitor
212 content and links Develop and implement link building strategy
213 Work with the development team to ensure SEO best practices are
214 properly implemented on newly developed code Work with editorial
215 and marketing teams to drive SEO in content strategy and creation
216 Work closely with social media team to align social distribution
217 and SEO efforts Recommend changes to website architecture,
218 content, linking and other factors to improve SEO positions for
219 target keywords Skills Proven SEO experience and a track record of
220 success growing organic search traffic and conversions Solid
221 understanding of performance marketing, conversion, and online
222 customer acquisition Up-to-date with the latest trends and best
223 practices in SEO and inbound marketing In-depth experience with
224 website analytics tools (e.g, Google Analytics, NetInsight,
225 Omniture, WebTrends) Working knowledge of HTML, CSS, and
226 JavaScript development and constraints Familiarity with content
227 management systems (e.g, Wordpress, Vignette) BS/MS degree in a
228 quantitative, test-driven field Job Type: Part-time Pay: From
229 $20.00 per hour</span
230 >
231 <span class="less">Less</span>
232 </p>
233 </div>
234 </div>
235 </section>
236 <section class="slide-jobs">
237 <div class="container-job-slide">
238 <div class="back-icon">
239 <div class="line1"></div>
240 <div class="line2"></div>
241 </div>
242 <h1>SEO Specialist Needed</h1>
243 <div class="job-description-slide">
244 <span class="green-h3">SEO Specialist Needed</span>
245 <h4>
246 Fixed-price - Expert - Est. Budget: 400$ - Posted 46 minutes ago
247 </h4>
248 <p>
249 Job Description Hello! Our small digital advertising company needs
250 someone that's starting out in their career that is **VERY** capable
251 in SEO and web development. Must be able to do a video call and
252 operate in US Eastern Time. Also must be comfortable with Wordpress.
253 If you also have some graphic design background and know about
254 Facebook / Google Ads and could manage those, that's a significant
255 plus. Our team also needs someone that's very comfortable in
256 Wordpress back end HTML / CSS / PHP, and can essentially create a
257 site from visuals provided. Pay is not fantastic YET, but it should
258 be once we really have clients coming through. Must be able to do a
259 video call every now and then, and video interview on front end. Key
260 summary: we need an SEO expert to manage search engine optimization
261 and marketing activities. The SEO Specialist will be responsible for
262 managing all SEO activities such as keyword strategy, content
263 strategy and link building to increase organic search rankings and
264 drive search traffic from Google, Bing, Yahoo and other search
265 engines. A successful SEO specialist must keep up-to-date with the
266 latest industry best practices and work closely with editorial and
267 marketing teams to develop a successful organic search strategy.
268 Responsibilities Optimize copy and landing pages for search engine
269 optimization Perform ongoing keyword research and discovery,
270 expansion and optimization Research and implement search engine
271 optimization recommendations on the website Research and analyze
272 competitor content and links Develop and implement link building
273 strategy Work with the development team to ensure SEO best practices
274 are properly implemented on newly developed code Work with editorial
275 and marketing teams to drive SEO in content strategy and creation
276 Work closely with social media team to align social distribution and
277 SEO efforts Recommend changes to website architecture, content,
278 linking and other factors to improve SEO positions for target
279 keywords Skills Proven SEO experience and a track record of success
280 growing organic search traffic and conversions Solid understanding
281 of performance marketing, conversion, and online customer
282 acquisition Up-to-date with the latest trends and best practices in
283 SEO and inbound marketing In-depth experience with website analytics
284 tools (e.g, Google Analytics, NetInsight, Omniture, WebTrends)
285 Working knowledge of HTML, CSS, and JavaScript development and
286 constraints Familiarity with content management systems (e.g,
287 Wordpress, Vignette) BS/MS degree in a quantitative, test-driven
288 field Job Type: Part-time Pay: From $20.00 per hour
289 </p>
290 </div>
291 </div>
292 </section>htag.style.borderBottom = `1.5px solid green`
293// should be
294htag.style.borderBottom = '1.5px solid green'
295headingTag.addEventListener('click', () => {
296 document.body.setAttribute("data-theme", "blur");
297 slidingContent.style.transform = "translateX(0)";
298 slidingContent.style.display = 'block';
299})
300
301backIcon.addEventListener('click', () => {
302 slidingContent.style.transform = "translateX(120%)";
303 document.body.removeAttribute("data-theme", "blur");
304});
305
About your 2nd issue, this line you see is actually a margin from h1 tag inside the sliding content so just add this to remove it:
1const jobContainer = document.querySelector('.job-description');
2let htag = document.querySelector('.green-h3');
3function changeCol() {
4 htag = document.querySelector('.green-h3');
5 htag.style.color = "green"
6}
7
8function normalCol() {
9 let htag = document.querySelector('.green-h3');
10 htag.style.color = "black"
11 htag.style.borderBottom = `none`
12}
13
14htag.addEventListener('mouseover', ()=> {
15 htag.style.borderBottom = `1.5px solid green`
16});
17
18
19
20// show more
21let hiddenInfo = document.querySelector('.by-default-hidden');
22let more = document.querySelector('.more');
23let less = document.querySelector('.less');
24less.style.display = 'none'
25more.addEventListener('click', ()=> {
26 hiddenInfo.style.display = 'inline'
27 more.style.display = 'none'
28 less.style.display = 'inline'
29})
30
31less.addEventListener('click', ()=> {
32 hiddenInfo.style.display = 'none'
33 more.style.display = 'inline'
34 less.style.display = 'none'
35})
36
37
38// sliding
39
40let headingTag = document.querySelector('.green-h3');
41let slidingParent = document.querySelector('.container-job-slide')
42let slidingContent = document.querySelector('.slide-jobs');
43let jobSectionmain = document.querySelector('.jobs');
44let backIcon = document.querySelector('.back-icon');
45headingTag.addEventListener('click', ()=> {
46
47 document.body.setAttribute("data-theme", "blur")
48 if (headingTag) {
49 slidingContent.style.display = 'block';
50 } else {
51 slidingContent.style.display = 'none';
52 }
53})
54
55backIcon.addEventListener('click', ()=> {
56 slidingContent.style.transform = `translateX(120%)`;
57 document.body.removeAttribute("data-theme", "blur");
58});body {
59 max-width: 990px;
60 overflow-x: hidden;
61 font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
62 background-color: #F1F2F4;
63 margin: 0 auto;
64}
65
66body[data-theme="blur"] {
67 background-color: rgb(87, 87, 87);
68}
69
70
71.jobs {
72 position: relative;
73}
74
75.container-job {
76 max-width: 630px;
77 position: relative;
78}
79
80
81h1 {
82 padding: 20px 10px 20px 40px;
83 background-color: white ;
84}
85
86.job-description {
87 margin-top: -20px;
88 border-top: 1px solid rgb(194, 194, 194);
89 padding: 20px 20px 20px 40px;
90 background-color: white;
91 color: #656565;
92}
93
94.job-description:hover{
95 color: black;
96 background-color: #F9F9F9;
97 cursor: pointer;
98}
99.more,.less {
100 color: green;
101}
102.more:hover,.less:hover {
103 border-bottom: 1.5px solid green;
104 cursor: pointer;
105}
106.green-h3 {
107 font-size: 1.2rem;
108}
109
110.green-h3:hover {
111 border-bottom: 1.5px solid green;
112}
113
114.by-default-hidden {
115 display: none;
116}
117
118/* slide jobs */
119
120.slide-jobs {
121 top: 0;
122 position: absolute;
123 /* */
124 display: none;
125 right: 5%;
126 width: 80%;
127 transition: all .4s;
128 animation: slide .4s ease-in;
129}
130@keyframes slide {
131 from {
132 transform: translateX(100%);
133 }
134 to {
135 transform: translateX(0);
136 }
137}
138/* .backSlide {
139 animation: backSlide .4s ease-in;
140}
141
142@keyframes backSlide {
143 from{
144 transform: translateX(0%);
145 }
146 to {
147 transform: translateX(120%);
148 }
149} */
150
151.job-description-slide {
152 margin-top: -20px;
153 border-top: 1px solid rgb(194, 194, 194);
154 padding: 20px 20px 20px 40px;
155 background-color: white;
156}
157.back-icon div{
158 height: 4px;
159 width: 20px;
160 margin: 5px;
161 background-color: green;
162 cursor: pointer;
163}
164.back-icon {
165 background-color: white;
166 padding: 25px;
167}
168.line1 {
169 transform: rotate(-30deg);
170}
171.line2 {
172 transform: rotate(30deg);
173}<section class="jobs">
174 <div class="container-job">
175 <h1>My Feed</h1>
176 <div
177 onmouseover="changeCol();"
178 onmouseout="normalCol()"
179 class="job-description"
180 >
181 <span class="green-h3">SEO Specialist Needed</span>
182 <h4>
183 Fixed-price - Expert - Est. Budget: 400$ - Posted 46 minutes ago
184 </h4>
185 <p>
186 Job Description Hello! Our small digital advertising company needs
187 someone that's starting out in their career that is **VERY** capable
188 in SEO and web development. Must be able to do a video call and
189 operate in US Eastern Time. Also must be comfortable with Wordpress.
190 If you also have some graphic design background and know about
191 Facebook / Google Ads and could manage those, that's a
192 <span class="more">more</span>
193 <span class="by-default-hidden"
194 >significant plus. Our team also needs someone that's very
195 comfortable in Wordpress back end HTML / CSS / PHP, and can
196 essentially create a site from visuals provided. Pay is not
197 fantastic YET, but it should be once we really have clients coming
198 through. Must be able to do a video call every now and then, and
199 video interview on front end. Key summary: we need an SEO expert
200 to manage search engine optimization and marketing activities. The
201 SEO Specialist will be responsible for managing all SEO activities
202 such as keyword strategy, content strategy and link building to
203 increase organic search rankings and drive search traffic from
204 Google, Bing, Yahoo and other search engines. A successful SEO
205 specialist must keep up-to-date with the latest industry best
206 practices and work closely with editorial and marketing teams to
207 develop a successful organic search strategy. Responsibilities
208 Optimize copy and landing pages for search engine optimization
209 Perform ongoing keyword research and discovery, expansion and
210 optimization Research and implement search engine optimization
211 recommendations on the website Research and analyze competitor
212 content and links Develop and implement link building strategy
213 Work with the development team to ensure SEO best practices are
214 properly implemented on newly developed code Work with editorial
215 and marketing teams to drive SEO in content strategy and creation
216 Work closely with social media team to align social distribution
217 and SEO efforts Recommend changes to website architecture,
218 content, linking and other factors to improve SEO positions for
219 target keywords Skills Proven SEO experience and a track record of
220 success growing organic search traffic and conversions Solid
221 understanding of performance marketing, conversion, and online
222 customer acquisition Up-to-date with the latest trends and best
223 practices in SEO and inbound marketing In-depth experience with
224 website analytics tools (e.g, Google Analytics, NetInsight,
225 Omniture, WebTrends) Working knowledge of HTML, CSS, and
226 JavaScript development and constraints Familiarity with content
227 management systems (e.g, Wordpress, Vignette) BS/MS degree in a
228 quantitative, test-driven field Job Type: Part-time Pay: From
229 $20.00 per hour</span
230 >
231 <span class="less">Less</span>
232 </p>
233 </div>
234 </div>
235 </section>
236 <section class="slide-jobs">
237 <div class="container-job-slide">
238 <div class="back-icon">
239 <div class="line1"></div>
240 <div class="line2"></div>
241 </div>
242 <h1>SEO Specialist Needed</h1>
243 <div class="job-description-slide">
244 <span class="green-h3">SEO Specialist Needed</span>
245 <h4>
246 Fixed-price - Expert - Est. Budget: 400$ - Posted 46 minutes ago
247 </h4>
248 <p>
249 Job Description Hello! Our small digital advertising company needs
250 someone that's starting out in their career that is **VERY** capable
251 in SEO and web development. Must be able to do a video call and
252 operate in US Eastern Time. Also must be comfortable with Wordpress.
253 If you also have some graphic design background and know about
254 Facebook / Google Ads and could manage those, that's a significant
255 plus. Our team also needs someone that's very comfortable in
256 Wordpress back end HTML / CSS / PHP, and can essentially create a
257 site from visuals provided. Pay is not fantastic YET, but it should
258 be once we really have clients coming through. Must be able to do a
259 video call every now and then, and video interview on front end. Key
260 summary: we need an SEO expert to manage search engine optimization
261 and marketing activities. The SEO Specialist will be responsible for
262 managing all SEO activities such as keyword strategy, content
263 strategy and link building to increase organic search rankings and
264 drive search traffic from Google, Bing, Yahoo and other search
265 engines. A successful SEO specialist must keep up-to-date with the
266 latest industry best practices and work closely with editorial and
267 marketing teams to develop a successful organic search strategy.
268 Responsibilities Optimize copy and landing pages for search engine
269 optimization Perform ongoing keyword research and discovery,
270 expansion and optimization Research and implement search engine
271 optimization recommendations on the website Research and analyze
272 competitor content and links Develop and implement link building
273 strategy Work with the development team to ensure SEO best practices
274 are properly implemented on newly developed code Work with editorial
275 and marketing teams to drive SEO in content strategy and creation
276 Work closely with social media team to align social distribution and
277 SEO efforts Recommend changes to website architecture, content,
278 linking and other factors to improve SEO positions for target
279 keywords Skills Proven SEO experience and a track record of success
280 growing organic search traffic and conversions Solid understanding
281 of performance marketing, conversion, and online customer
282 acquisition Up-to-date with the latest trends and best practices in
283 SEO and inbound marketing In-depth experience with website analytics
284 tools (e.g, Google Analytics, NetInsight, Omniture, WebTrends)
285 Working knowledge of HTML, CSS, and JavaScript development and
286 constraints Familiarity with content management systems (e.g,
287 Wordpress, Vignette) BS/MS degree in a quantitative, test-driven
288 field Job Type: Part-time Pay: From $20.00 per hour
289 </p>
290 </div>
291 </div>
292 </section>htag.style.borderBottom = `1.5px solid green`
293// should be
294htag.style.borderBottom = '1.5px solid green'
295headingTag.addEventListener('click', () => {
296 document.body.setAttribute("data-theme", "blur");
297 slidingContent.style.transform = "translateX(0)";
298 slidingContent.style.display = 'block';
299})
300
301backIcon.addEventListener('click', () => {
302 slidingContent.style.transform = "translateX(120%)";
303 document.body.removeAttribute("data-theme", "blur");
304});
305....
306 </div>
307 // set margin top to 0
308 <h1 style="margin-top:0!important;">SEO Specialist Needed</h1>
309 <div class="job-description-slide">
310....
311
QUESTION
Angular SEO how to correctly implement dynamic title and meta?
Asked 2020-Dec-25 at 16:29I have a little question about Angular title and meta. I have imported libraries into my angular. I set my title and description of meta in the constructor of the .ts files like this (different titles and descriptions for every page of course);
1//To set the title
2this.titleServ.setTitle("SOME TITLE HERE")
3//To set the meta
4this.meta.addTag({name: "description", content: "SOME DESCRIPTION HERE"})
5
When I run my website through IIS and check from the browser, I still see something like this;
1//To set the title
2this.titleServ.setTitle("SOME TITLE HERE")
3//To set the meta
4this.meta.addTag({name: "description", content: "SOME DESCRIPTION HERE"})
5 <title></title>
6 <base href="/">
7 <meta name="viewport" content="width=device-width, initial-scale=1">
8
As said, I cant see my page title or page description from source codes (but I can see it from a google search and at the google chrome tab). I am currently trying to set the search engine optimizations. Is there any problem in here? I mean all the tutorials I have seen can see their page title from the section and also can see meta.
What did I do wrong or is there anything I need to do more for the website to be visible in google with some keywords search?
ANSWER
Answered 2020-Dec-25 at 16:29Angular by default is a client-side application. When you serve the app and view the HTML source, you essentially get the source code of index.html
that's in the root of src
.
For SEO, you need to render the page on the server. That way, when the browser receives the HTML, it is pre-rendered with certain data elements, including the SEO-related tags/content.
This is the official guide on how to add server-side rendering (Angular Universal) to your application: https://angular.io/guide/universal
The key part is, for the server-side rendering to take place, you need to start your app with the dedicated command (e.g. npm run dev:ssr
by default). This will start up node, which will be handling the requests on the server-side.
QUESTION
My WordPress featured image is not showing up on Facebook post and with Tweets
Asked 2020-Nov-15 at 03:16I've tinkered with the possibility that one of my plugins were messing up the featured image. Did not work. I checked on FB debug tool this was the error message:
Invalid Image Content Type Provided og:image URL, https://www.codexshopper.com/wp-content/uploads/2020/11/codexs.png could not be processed as an image because it has an invalid content type.
[screenshot of the debug tool results][1] [1]: https://i.stack.imgur.com/lK4MZ.png
I've tried reuploading the same picture but with a different type like png and jpg, didn't work too.
this is the detailed part, I tried to look at the og tags, but they're all correct, nothing's out of place.
1<!-- Search Engine Optimization by Rank Math - https://s.rankmath.com/home -->
2<title>Services | Codex Shopper</title>
3<meta name="description" content="Codex Shopper Free Business Listing, express your business the way you want others to feel, submit business for review.">
4<meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large">
5<link rel="canonical" href="https://www.codexshopper.com/services/">
6<meta property="og:locale" content="en_US">
7<meta property="og:type" content="article">
8<meta property="og:title" content="Services | Codex Shopper">
9<meta property="og:description" content="Codex Shopper Free Business Listing, express your business the way you want others to feel, submit business for review.">
10<meta property="og:url" content="https://www.codexshopper.com/services/">
11<meta property="og:site_name" content="Codex Shopper">
12<meta property="og:updated_time" content="2020-11-14T04:16:17+00:00">
13<meta property="og:image" content="https://www.codexshopper.com/wp-content/uploads/2020/11/codexs.png">
14<meta property="og:image:secure_url" content="https://www.codexshopper.com/wp-content/uploads/2020/11/codexs.png">
15<meta property="og:image:width" content="300">
16<meta property="og:image:height" content="300">
17<meta property="og:image:alt" content="Free Business Listing">
18<meta property="og:image:type" content="image/png">
19<meta name="twitter:card" content="summary_large_image">
20<meta name="twitter:title" content="Services | Codex Shopper">
21<meta name="twitter:description" content="Codex Shopper Free Business Listing, express your business the way you want others to feel, submit business for review.">
22<meta name="twitter:site" content="@@Marketerextrao1">
23<meta name="twitter:creator" content="@@Marketerextrao1">
24<meta name="twitter:image" content="https://www.codexshopper.com/wp-content/uploads/2020/11/codexs.png">
25<script type="application/ld+json" class="rank-math-schema">
26
Can anyone give me a solution for this?
ANSWER
Answered 2020-Nov-14 at 07:21I don't sure that this work for your problem, but try using of Yoast plugin to provide og:image without problem.
In same problem, I was forced to change Url Name (Slug) to it work
And if your meta content is real, attention to this that your link of image throw this error:
1<!-- Search Engine Optimization by Rank Math - https://s.rankmath.com/home -->
2<title>Services | Codex Shopper</title>
3<meta name="description" content="Codex Shopper Free Business Listing, express your business the way you want others to feel, submit business for review.">
4<meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large">
5<link rel="canonical" href="https://www.codexshopper.com/services/">
6<meta property="og:locale" content="en_US">
7<meta property="og:type" content="article">
8<meta property="og:title" content="Services | Codex Shopper">
9<meta property="og:description" content="Codex Shopper Free Business Listing, express your business the way you want others to feel, submit business for review.">
10<meta property="og:url" content="https://www.codexshopper.com/services/">
11<meta property="og:site_name" content="Codex Shopper">
12<meta property="og:updated_time" content="2020-11-14T04:16:17+00:00">
13<meta property="og:image" content="https://www.codexshopper.com/wp-content/uploads/2020/11/codexs.png">
14<meta property="og:image:secure_url" content="https://www.codexshopper.com/wp-content/uploads/2020/11/codexs.png">
15<meta property="og:image:width" content="300">
16<meta property="og:image:height" content="300">
17<meta property="og:image:alt" content="Free Business Listing">
18<meta property="og:image:type" content="image/png">
19<meta name="twitter:card" content="summary_large_image">
20<meta name="twitter:title" content="Services | Codex Shopper">
21<meta name="twitter:description" content="Codex Shopper Free Business Listing, express your business the way you want others to feel, submit business for review.">
22<meta name="twitter:site" content="@@Marketerextrao1">
23<meta name="twitter:creator" content="@@Marketerextrao1">
24<meta name="twitter:image" content="https://www.codexshopper.com/wp-content/uploads/2020/11/codexs.png">
25<script type="application/ld+json" class="rank-math-schema">
26https://www.codexshopper.com/wp-content/uploads/2020/11/codexs.png
27Oops! That page can’t be found.
28
QUESTION
Need assistance with yes-or-no questions
Asked 2020-Jul-05 at 20:12I'm doing an exercise where I have to write a program that will suggest a subscription plan based on the users answers to a series of yes-or-no questions.
the exercise is based on this chart: https://imgur.com/a/AEMw5Ln
my main question is: how can I get C++ to 'tally up' the results and produce a plan?
here's my code so you can see what I've done so far...
1// Firstly, Welcome the client!
2cout << " Welcome to the Wordpress subsciption sugesstion Tool!" << endl;
3cout << " In order to find the right plan for you, we'll need to ask you a series of questions!" << endl;
4cout << " Answer the following questions using 'y' or 'n' keys when prompted." << endl;
5
6// secondly, Present the series of questions and prompt the user for input.
7cout << 1.) Would you like to utilize free themes? (y/n)" << endl;
8cin >> answer;
9
10if(answer = 'y')
11{
12 freeTheme = true;
13}
14else
15{
16 freeTheme = false;
17}
18cout << "\t\n 2.) Would you like to customize your themes? (y/n)" << endl;
19cin >> answer;
20
21if(answer = 'y')
22{
23 customDesign = true;
24}
25else
26{
27 customDesign = false;
28}
29
30cout << "\t\n 3.) Will you be needing Search Engine Optimization? (y/n)" << endl;
31cin >> answer;
32
33if(answer = 'y')
34{
35 seoTools = true;
36}
37else
38{
39 seoTools = false;
40}
41
42cout << "\t\n 4.) Is live support important for you? (y/n)" << endl;
43cin >> answer;
44
45if(answer = 'y')
46{
47 liveSupport = true;
48}
49else
50{
51 liveSupport = false;
52}
53
54cout << "\t\n 5.) How much data will you need to host? 3GB, 6GB, 13GB, or unlimited(999GB)?" << endl;
55cin >> storageCapacity;
56
57if(storageCapacity = 3)
58{
59 costPerMonth = 0.00;
60}
61else if (storageCapacity = 6)
62{
63 costPerMonth = 5.00;
64}
65else if (storageCapacity = 13)
66{
67 costPerMonth = 8.00;
68}
69else if (storageCapacity = 999)
70{
71 costPerMonth = 25.00;
72}
73
74cout << 6.) How many years are you interest in hosting for?" << endl;
75cin >> years;
76
It may seem a bit messy but im wracking by brain trying to solve it. what do you think? am i on the right track? Which statements/ operators am I missing? should I try incorporating switch statements? Any help is much appriciated.
ANSWER
Answered 2020-Jul-05 at 20:12A switch statement might make the code at the end with storage capacity look nicer, as well as being easy to implement but this is a matter pf preference alone, there is little to no benefit to the program itself. Also change the if statement contents from assignment operator (=) to comparison (==) as the comment said. To clean up your if else clutter you should use:
1// Firstly, Welcome the client!
2cout << " Welcome to the Wordpress subsciption sugesstion Tool!" << endl;
3cout << " In order to find the right plan for you, we'll need to ask you a series of questions!" << endl;
4cout << " Answer the following questions using 'y' or 'n' keys when prompted." << endl;
5
6// secondly, Present the series of questions and prompt the user for input.
7cout << 1.) Would you like to utilize free themes? (y/n)" << endl;
8cin >> answer;
9
10if(answer = 'y')
11{
12 freeTheme = true;
13}
14else
15{
16 freeTheme = false;
17}
18cout << "\t\n 2.) Would you like to customize your themes? (y/n)" << endl;
19cin >> answer;
20
21if(answer = 'y')
22{
23 customDesign = true;
24}
25else
26{
27 customDesign = false;
28}
29
30cout << "\t\n 3.) Will you be needing Search Engine Optimization? (y/n)" << endl;
31cin >> answer;
32
33if(answer = 'y')
34{
35 seoTools = true;
36}
37else
38{
39 seoTools = false;
40}
41
42cout << "\t\n 4.) Is live support important for you? (y/n)" << endl;
43cin >> answer;
44
45if(answer = 'y')
46{
47 liveSupport = true;
48}
49else
50{
51 liveSupport = false;
52}
53
54cout << "\t\n 5.) How much data will you need to host? 3GB, 6GB, 13GB, or unlimited(999GB)?" << endl;
55cin >> storageCapacity;
56
57if(storageCapacity = 3)
58{
59 costPerMonth = 0.00;
60}
61else if (storageCapacity = 6)
62{
63 costPerMonth = 5.00;
64}
65else if (storageCapacity = 13)
66{
67 costPerMonth = 8.00;
68}
69else if (storageCapacity = 999)
70{
71 costPerMonth = 25.00;
72}
73
74cout << 6.) How many years are you interest in hosting for?" << endl;
75cin >> years;
76bool_name = answer == desired_input;
77
eg:
1// Firstly, Welcome the client!
2cout << " Welcome to the Wordpress subsciption sugesstion Tool!" << endl;
3cout << " In order to find the right plan for you, we'll need to ask you a series of questions!" << endl;
4cout << " Answer the following questions using 'y' or 'n' keys when prompted." << endl;
5
6// secondly, Present the series of questions and prompt the user for input.
7cout << 1.) Would you like to utilize free themes? (y/n)" << endl;
8cin >> answer;
9
10if(answer = 'y')
11{
12 freeTheme = true;
13}
14else
15{
16 freeTheme = false;
17}
18cout << "\t\n 2.) Would you like to customize your themes? (y/n)" << endl;
19cin >> answer;
20
21if(answer = 'y')
22{
23 customDesign = true;
24}
25else
26{
27 customDesign = false;
28}
29
30cout << "\t\n 3.) Will you be needing Search Engine Optimization? (y/n)" << endl;
31cin >> answer;
32
33if(answer = 'y')
34{
35 seoTools = true;
36}
37else
38{
39 seoTools = false;
40}
41
42cout << "\t\n 4.) Is live support important for you? (y/n)" << endl;
43cin >> answer;
44
45if(answer = 'y')
46{
47 liveSupport = true;
48}
49else
50{
51 liveSupport = false;
52}
53
54cout << "\t\n 5.) How much data will you need to host? 3GB, 6GB, 13GB, or unlimited(999GB)?" << endl;
55cin >> storageCapacity;
56
57if(storageCapacity = 3)
58{
59 costPerMonth = 0.00;
60}
61else if (storageCapacity = 6)
62{
63 costPerMonth = 5.00;
64}
65else if (storageCapacity = 13)
66{
67 costPerMonth = 8.00;
68}
69else if (storageCapacity = 999)
70{
71 costPerMonth = 25.00;
72}
73
74cout << 6.) How many years are you interest in hosting for?" << endl;
75cin >> years;
76bool_name = answer == desired_input;
77freeTheme = answer == 'y';
78
Otherwise you could simply ask which option from the pic they want (free, blogger..etc) and use this in a switch statement. I would do this since it means the user needs to do less input, can see all the options on one line so doesn't need to think what other future options might be and it's just easier to code.
QUESTION
Is there a way to fix javascript "touch" events firing twice on IOS devices? (Video example included)
Asked 2020-Jun-24 at 17:51I'm working on a webpage that uses a carousel to show content on smaller screen sizes. I cooked up some javascript to create a "swipe" function on mobile devices and it works perfectly on android devices. However, on SOME iPhones (ones running the newer versions of IOS) the event seems to be triggered twice.
I've been researching this for various days, and although I've seen some similar scenarios, none are quite the same. Usually, the similar scenarios that I've found have two events being binded and thats what triggers the function twice. For example, $button.bind("touchstart click");
That, however, is not my problem.
My problem is that the $("#mobileCarousel").on("touchstart") seems to be firing twice on iPhones with the newer IOSs. I have no other events being binded, just the "touch"
Here is a video example of what is happening: https://youtu.be/8XGMKTpUUrI
I've included the js, css, and html.
I've been losing sleep over this, so any tips/solutions on how to fix this would be greatly appreciated. :D
1$("#mobileCarousel").carousel({
2 interval: 10000
3})
4
5$("#mobileCarousel").on("touchstart", function(event){
6 var xClick = event.originalEvent.touches[0].pageX;
7 $(this).one("touchmove", function(event){
8 var xMove = event.originalEvent.touches[0].pageX;
9 if( Math.floor(xClick - xMove) > 3 ){
10 $(this).carousel('next');
11 console.log("the touch event is firing twice.");
12 }
13 else if( Math.floor(xClick - xMove) < -3 ){
14 $(this).carousel('prev');
15 console.log("the touch event is firing twice.");
16 }
17 });
18 $(".carousel").on("touchend", function(){
19 $(this).off("touchmove");
20 });
21});
22
23$(".carousel carousel-item").each(function(){
24 var minPerSlide = 3;
25 var nextElement = $(this).next();
26 if(!nextElement.length){
27 nextElement = $(this).siblings(":first");
28 }
29 nextElement.children(':first-child').clone().appendTo($(this));
30
31 for (var i = 0; i < minPerSlide; i++) {
32 nextElement = nextElement.next();
33 if(!nextElement.length){
34 nextElement = $(this).siblings(":first");
35
36 }
37 nextElement.children(":first-child").clone().appendTo($(this));
38 }
39});
1$("#mobileCarousel").carousel({
2 interval: 10000
3})
4
5$("#mobileCarousel").on("touchstart", function(event){
6 var xClick = event.originalEvent.touches[0].pageX;
7 $(this).one("touchmove", function(event){
8 var xMove = event.originalEvent.touches[0].pageX;
9 if( Math.floor(xClick - xMove) > 3 ){
10 $(this).carousel('next');
11 console.log("the touch event is firing twice.");
12 }
13 else if( Math.floor(xClick - xMove) < -3 ){
14 $(this).carousel('prev');
15 console.log("the touch event is firing twice.");
16 }
17 });
18 $(".carousel").on("touchend", function(){
19 $(this).off("touchmove");
20 });
21});
22
23$(".carousel carousel-item").each(function(){
24 var minPerSlide = 3;
25 var nextElement = $(this).next();
26 if(!nextElement.length){
27 nextElement = $(this).siblings(":first");
28 }
29 nextElement.children(':first-child').clone().appendTo($(this));
30
31 for (var i = 0; i < minPerSlide; i++) {
32 nextElement = nextElement.next();
33 if(!nextElement.length){
34 nextElement = $(this).siblings(":first");
35
36 }
37 nextElement.children(":first-child").clone().appendTo($(this));
38 }
39});@media only screen and (max-width: 993px) {
40 .carousel-inner .carousel-item > div {
41 display: none;
42 }
43 .carousel-inner .carousel-item > div:first-child {
44 display: block;
45
46 }
47}
1$("#mobileCarousel").carousel({
2 interval: 10000
3})
4
5$("#mobileCarousel").on("touchstart", function(event){
6 var xClick = event.originalEvent.touches[0].pageX;
7 $(this).one("touchmove", function(event){
8 var xMove = event.originalEvent.touches[0].pageX;
9 if( Math.floor(xClick - xMove) > 3 ){
10 $(this).carousel('next');
11 console.log("the touch event is firing twice.");
12 }
13 else if( Math.floor(xClick - xMove) < -3 ){
14 $(this).carousel('prev');
15 console.log("the touch event is firing twice.");
16 }
17 });
18 $(".carousel").on("touchend", function(){
19 $(this).off("touchmove");
20 });
21});
22
23$(".carousel carousel-item").each(function(){
24 var minPerSlide = 3;
25 var nextElement = $(this).next();
26 if(!nextElement.length){
27 nextElement = $(this).siblings(":first");
28 }
29 nextElement.children(':first-child').clone().appendTo($(this));
30
31 for (var i = 0; i < minPerSlide; i++) {
32 nextElement = nextElement.next();
33 if(!nextElement.length){
34 nextElement = $(this).siblings(":first");
35
36 }
37 nextElement.children(":first-child").clone().appendTo($(this));
38 }
39});@media only screen and (max-width: 993px) {
40 .carousel-inner .carousel-item > div {
41 display: none;
42 }
43 .carousel-inner .carousel-item > div:first-child {
44 display: block;
45
46 }
47}<div class="container-fluid carousel-container d-lg-none d-xl-none">
48 <div id="mobileCarousel" class="carousel slide w-100" data-ride="carousel">
49 <div class="carousel-inner" role="listbox">
50 <div class="carousel-item active">
51
52 <div class="card index-card border-success">
53 <div class="d-flex justify-content-center">
54 <img src="code icon.png" alt="">
55 </div>
56 <div class="d-flex justify-content-center">
57 <p class="pTagsForCardTitles">&ltHTML&gt and CSS3</p>
58 </div>
59 <div class="d-flex justify-content-center">
60 <p class="pTagsForCards d-flex justify-content-center">We design and program your website from scratch and to
61 your liking. No restrictive templates! Have the website you have always dreamt of for your business.</p>
62 </div>
63 </div>
64
65 </div>
66 <div class="carousel-item">
67
68 <div class="card index-card border-success">
69 <div class="d-flex justify-content-center">
70 <img src="shield icon.png" alt="">
71 </div>
72 <div class="d-flex justify-content-center">
73 <p class="pTagsForCardTitles">Online Security</p>
74 </div>
75 <p class="pTagsForCards d-flex justify-content-center">Tropiweb supplies SSL security certificates to every
76 page it produces. Keep your transactions and clients' sensitive informations out of the wrong hands.</p>
77 </div>
78
79 </div>
80 <div class="carousel-item">
81
82 <div class="card index-card border-success">
83 <div class="d-flex justify-content-center">
84 <img src="search icon.png" alt="">
85 </div>
86 <div class="d-flex justify-content-center">
87 <p class="pTagsForCardTitles">Search Engine Optimization</p>
88 </div>
89 <p class="pTagsForCards d-flex justify-content-center">We optimize your web-page's &ltmeta&gt, &ltalt&gt, and
90 &lttitle&gt tags in order to maximize the probability of potential clients finding you through any search engine</p>
91 </div>
92
93 </div>
94 <div class="carousel-item">
95
96 <div class="card index-card border-success">
97 <div class="d-flex justify-content-center">
98 <img src="responsive icon.png" alt="">
99 </div>
100 <div class="d-flex justify-content-center">
101 <p class="pTagsForCardTitles">Sleek and Responsive</p>
102 </div>
103 <p class="pTagsForCards d-flex justify-content-center">Your website is designed with cross-platform compatability as a priority.
104 No matter the web-browser or device (tablet, laptop, or phone) your page will always function properly.</p>
105 </div>
106
107 </div>
108 <div class="carousel-item">
109
110 <div class="card index-card border-success">
111 <div class="d-flex justify-content-center">
112 <img src="money icon.png" alt="">
113 </div>
114 <div class="d-flex justify-content-center">
115 <p class="pTagsForCardTitles">E-Commerce Solutions</p>
116 </div>
117 <p class="pTagsForCards d-flex justify-content-center">Run your online shop right from your very own website. Validate transactions,
118 keep stock of your merchandise, charge applicable sales taxes, and ship your product with no hassle.</p>
119 </div>
120
121 </div>
122 </div>
123 <a class="carousel-control-prev" href="#mobileCarousel" role="button" data-slide="prev">
124 <span>
125 <img class="carousel-arrow-right" src="flecha-de.png" alt="">
126 </span>
127 <span class="sr-only">Previous</span>
128 </a>
129 <a class="carousel-control-next" href="#mobileCarousel" role="button" data-slide="next">
130 <span>
131 <img class="carousel-arrow-left" src="flecha-iz.png" alt="">
132 </span>
133 <span class="sr-only">Next</span>
134 </a>
135 </div>
136 </div>
ANSWER
Answered 2020-Jun-24 at 17:51So, after many sleepless nights and debugging I fixed the issue. Apparently the issue was that I was using an old deprecated version of jQuery. Once I started using the latest version of jQuery, the issue went away.
Community Discussions contain sources that include Stack Exchange Network
Tutorials and Learning Resources in Search Engine Optimization
Tutorials and Learning Resources are not available at this moment for Search Engine Optimization