Estou tentando chamar a API do perfil do meu negócio do Google para obter localPosts de um ID de local e, em seguida, exibi-los incorporando-o como código html em um site wix. Este é o método e a API que estou usando. No console do desenvolvedor do navegador, recebo um erro 401. Acredito que isso tenha a ver com a solicitação HTTP que exige uma autenticação OAuth2.0, mas não entendo por que precisaria disso, pois não estou acessando nenhum dado do usuário e estou obtendo informações públicas de um local do google.
<html>
<head>
<title>Google My Business Local Posts</title>
</head>
<body>
<h1>Local Posts</h1>
<div id="localPosts"></div>
<script>
const apiKey = 'APIKEY';
const placeId = 'PLACEID';
async function fetchLocalPosts() {
try {
const response = await fetch(`https://mybusiness.googleapis.com/v4/accounts/${apiKey}/locations/${placeId}/localPosts`, {
headers: {
'Authorization': `Bearer ${apiKey}`
}
});
if (response.ok) {
const data = await response.json();
const localPostsContainer = document.getElementById('localPosts');
data.forEach(post => {
const postElement = document.createElement('div');
postElement.classList.add('post');
const titleElement = document.createElement('h2');
titleElement.textContent = post.title;
const contentElement = document.createElement('p');
contentElement.textContent = post.content;
postElement.appendChild(titleElement);
postElement.appendChild(contentElement);
localPostsContainer.appendChild(postElement);
});
} else {
console.error('Request failed:', response.statusText);
}
} catch (error) {
console.error('Error fetching local posts:', error);
}
}
fetchLocalPosts();
</script>
</body>
</html>